[UWP小白日记-3]记账项目-1

　　学了一段时间的UWP，来个项目试试手。

　　本来是想边做边学MVVMLight的结果感觉MVVM对于萌新来说太高难，以后再把这个项目改造成MVVMLight框架的项目。

　　下面进入正题。

中间那快空白打算放gridview，用来放标签。利用DataTemplate读取数据库里的标签表。

头部标题和底部标签没什么好说的，主要说下那个pivot的实现。

先来看看图，就知道有什么问题了，然后在解决这个问题。

鼠标点最左边尽然也能跳转页面，这什么鬼，改了他的默认Styel一样不行。

 <Style x:Key="RemoveHedaderStyle" TargetType="PivotHeaderItem">

         <Setter Property="FontSize" Value="" />

         <Setter Property="FontFamily" Value="{ThemeResource PivotHeaderItemFontFamily}" />

         <Setter Property="FontWeight" Value="{ThemeResource PivotHeaderItemThemeFontWeight}" />

         <Setter Property="CharacterSpacing" Value="{ThemeResource PivotHeaderItemCharacterSpacing}" />

         <Setter Property="Background" Value="Transparent" />

         <Setter Property="Foreground" Value="{ThemeResource SystemControlForegroundBaseMediumBrush}" />

         <Setter Property="Padding" Value="" />

         <Setter Property="Height" Value="" />

         <Setter Property="VerticalContentAlignment" Value="Center" />

         <Setter Property="IsTabStop" Value="False" />

         <Setter Property="Template">

             <Setter.Value>

                 <ControlTemplate TargetType="PivotHeaderItem">

                     <Grid x:Name="Grid" Background="{TemplateBinding Background}">

                         <ContentPresenter x:Name="ContentPresenter"

                                         Content="{TemplateBinding Content}"

                                         ContentTemplate="{TemplateBinding ContentTemplate}"

                                         Margin="{TemplateBinding Padding}"

                                         FontSize="{TemplateBinding FontSize}"

                                         FontFamily="{TemplateBinding FontFamily}"

                                         FontWeight="{TemplateBinding FontWeight}"

                                         HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

                                         VerticalAlignment="{TemplateBinding VerticalContentAlignment}">

                             <ContentPresenter.RenderTransform>

                                 <TranslateTransform x:Name="ContentPresenterTranslateTransform" />

                             </ContentPresenter.RenderTransform>

                         </ContentPresenter>

                     </Grid>

                 </ControlTemplate>

             </Setter.Value>

         </Setter>

     </Style>

最后没招，想到把这个listbox外层的Grid的ZIndex改大来覆盖

Canvas.ZIndex="5"

我用listbox替代了pivot的Header。

 <ListBox Name="LabelListBox"

                          Grid.Row=""

                          Foreground="{ThemeResource ListBoxUnSelectedForegroundBrush}"

                          Background="{ThemeResource ListBoxBackgroundBrush}"

                          SelectedIndex="{Binding ElementName=MainPivot,

                                                      Path=SelectedIndex,

                                                      Mode=TwoWay}"

                          ItemContainerStyle="{Binding Source={ThemeResource ListBoxItemStyle}}" >

利用绑定来实现跳转，这样不用写任何cs代码。

 SelectedIndex="{Binding ElementName=MainPivot,

                                                      Path=SelectedIndex,

                                                      Mode=TwoWay}"

最后就是改listbox的styel

主要就是这几个没有注释的视觉状态

<VisualStateManager.VisualStateGroups>

                            <VisualStateGroup x:Name="CommonStates">

                                <VisualState x:Name="Normal" />

                                <VisualState x:Name="PointerOver">

                                    <!--<Storyboard>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedBorder"

                                               Storyboard.TargetProperty="BorderBrush">

                                            <DiscreteObjectKeyFrame KeyTime="" Value="{ThemeResource ListBoxPointerOverBorderBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"

                                               Storyboard.TargetProperty="Foreground">

                                            <DiscreteObjectKeyFrame KeyTime="" Value="{ThemeResource ListBoxPointerOverBorderBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>-->

                                </VisualState>

                                <VisualState x:Name="Pressed">

                                    <!--<Storyboard>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedBorder"

                                               Storyboard.TargetProperty="BorderBrush">

                                            <DiscreteObjectKeyFrame KeyTime="" Value="{ThemeResource ListBoxPointerOverBorderBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"

                                               Storyboard.TargetProperty="Foreground">

                                            <DiscreteObjectKeyFrame KeyTime="" Value="{ThemeResource ListBoxPointerOverBorderBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>-->

                                </VisualState>

                                <VisualState x:Name="Selected">

                                    <Storyboard>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedBorder"

                                               Storyboard.TargetProperty="BorderBrush">

                                                <DiscreteObjectKeyFrame KeyTime="" Value="{ThemeResource ListBoxPointerOverBorderBrush}" />

                                            </ObjectAnimationUsingKeyFrames>

                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"

                                               Storyboard.TargetProperty="Foreground">

                                                <DiscreteObjectKeyFrame KeyTime="" Value="{ThemeResource ListBoxPointerOverBorderBrush}" />

                                            </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>

                                </VisualState>

                                <VisualState x:Name="SelectedUnfocused">

                                    <Storyboard>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedBorder"

                                               Storyboard.TargetProperty="BorderBrush">

                                            <DiscreteObjectKeyFrame KeyTime="" Value="{ThemeResource ListBoxPointerOverBorderBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"

                                               Storyboard.TargetProperty="Foreground">

                                            <DiscreteObjectKeyFrame KeyTime="" Value="{ThemeResource ListBoxPointerOverBorderBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>

                                </VisualState>

                                <VisualState x:Name="SelectedPointerOver">

                                    <Storyboard>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedBorder"

                                               Storyboard.TargetProperty="BorderBrush">

                                            <DiscreteObjectKeyFrame KeyTime="" Value="{ThemeResource ListBoxPointerOverBorderBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"

                                               Storyboard.TargetProperty="Foreground">

                                            <DiscreteObjectKeyFrame KeyTime="" Value="{ThemeResource ListBoxPointerOverBorderBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>

                                </VisualState>

                                <VisualState x:Name="SelectedPressed">

                                    <Storyboard>

                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedBorder"

                                               Storyboard.TargetProperty="BorderBrush">

                                                <DiscreteObjectKeyFrame KeyTime="" Value="{ThemeResource ListBoxPointerOverBorderBrush}" />

                                            </ObjectAnimationUsingKeyFrames>

                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"

                                               Storyboard.TargetProperty="Foreground">

                                                <DiscreteObjectKeyFrame KeyTime="" Value="{ThemeResource ListBoxPointerOverBorderBrush}" />

                                            </ObjectAnimationUsingKeyFrames>

                                        </Storyboard>

                                </VisualState>

                            </VisualStateGroup>

                        </VisualStateManager.VisualStateGroups>

收入和支出那2个按钮也是用listbox实现的：

收入那个按钮加了旋转变换

<ListBox Name="ValueTypeListBox"

                                     Margin="0,0,0,5"

                                     Grid.Column=""

                                     Grid.RowSpan=""

                                     SelectedIndex=""

                                     Foreground="{ThemeResource ListBoxUnSelectedForegroundBrush}"

                                     Background="Transparent"

                                     ItemContainerStyle="{Binding Source={ThemeResource RadioButtonStyle}}">

                                <ListBoxItem>

                                    <TextBlock Name="SpendingTextBlock"

                                               Text="支出"/>

                                </ListBoxItem>

                                <ListBoxItem RenderTransformOrigin="0.5,0.5"

                                             Margin="0,2,0,0">

                                    <ListBoxItem.RenderTransform>

                                        <CompositeTransform Rotation=""/>

                                    </ListBoxItem.RenderTransform>

                                    <TextBlock Name="IncomeTextBlock"

                                               Text="收入" RenderTransformOrigin="0.5,0.5">

                                        <TextBlock.RenderTransform>

                                            <CompositeTransform Rotation=""/>

                                        </TextBlock.RenderTransform>

                                    </TextBlock>

                                </ListBoxItem>

                            </ListBox>

这个页面差不多了，下篇打算实现报销页的功能，初步打算使用listview的GroupStyle来实现，上下滚动的时候Group会吸顶。

[UWP小白日记-3]记账项目-1的更多相关文章

[UWP小白日记-4]记账项目-2
手机端: 待续…… 哈哈这个代码真是好长时间啊,没办法萌新你们都懂的,UI是改了又改,知识也在慢慢积累, 所以这效率就低下了点 UI是改了又改,代码是不断了改,所以搞到现在都没开发完成
[UWP小白日记-9]页面跳转过度动画（二）
又打算动手写了 [UWP小白日记-6]页面跳转过度动画上次写的,这次随着学习的进度使用新的玩法. 最近在搞GIT的学习,结果把好好的项目玩坏,都不知道当时是怎么想的拿在写的APP来玩GIT,害我重写 ...
[UWP小白日记-11]在UWP中使用Entity Framework Core（Entity Framework 7）操作SQLite数据库(一)
前言本文中,您将创建一个通用应用程序(UWP),使用Entity Framework Core(Entity Framework 7)框架在SQLite数据库上执行基本的数据访问. 准备: Enti ...
[UWP小白日记-8]一些零碎的东西
设置启动窗口大小直接上代码了没什么好解释的了,既然能设置最小,那铁定就能设置最大 public MainPage() { //设定窗口启动显示大小 ApplicationView.Preferred ...
[UWP小白日记-7]转换MVA学院的XML字幕为SRT （二）
瞎扯淡上个版本,非常蠢用来N多的循环导致非常卡性能烂得不行,这次使用XmlDocument类来读取XML字幕其实根本不用各种扒XML字幕,好吧我这是学习使用XmlDocument类,嗯就是这个样子 ...
[UWP小白日记-15]在UWP手机端实时限制Textbox的输入
说实话重来没想到验证输入是如此的苦逼的一件事情. 网上好多验证都是在输入完成后再验证,我的想法是在输入的时候就限制输入,这样我就不用再写代码来验证了应为是手机端,所以不用判断其他非法字符,直 ...
[UWP小白日记-12]使用新的Composition API来实现控件的阴影
前言看了好久官方的Windows UI Dev Labs示例好久才有点心得,真是头大.(其实是英语幼儿园水平(⊙﹏⊙)b) 真的网上关于这个API的资料可以说几乎没有. 正文首先用这东西的添加WI ...
[UWP小白日记-10]程序启动屏（ios解锁既视感）
讲一下微软爸爸的开发者大会2016又暴了个表达式动画和Windows.UI.Composition的API,好叼的样子. 官方示例库GitHub 目前是懵逼状态,好复杂.脑细胞已经在地府排队了. ( ...
[UWP小白日记-6]页面跳转过度动画
前言在学习中发现页面导航默认是没有过度动画的,直接就导航过去太粗暴了(￣へ￣),于是打算上动画结果不言而喻自己进了坑完全不懂动画,然后就是各种疯狂(´･_･`)的搜索资料看了后终于有点头绪. 再后来 ...

随机推荐

selenium webdriver (python)
selenium webdriver (python) 第一版PDF Posted on 2013-08-30 22:59 虫师阅读(221) 评论(0) 编辑收藏前言如果你是一位有pytho ...
IL反编译的实用工具
初识Ildasm.exe——IL反编译的实用工具 Ildasm.exe 概要: 一.前言: 微软的IL反编译实用程序——Ildasm.exe,可以对可执行文件(ex,经典的控制台Hello Wor ...
实现Avl平衡树
实现Avl平衡树一.介绍 AVL树是一种自平衡的二叉搜索树,它由Adelson-Velskii和 Landis于1962年发表在论文<An algorithm for the organi ...
MySQL中函数、游标、事件、视图基本应用举例（代码）
MySQL中function用户自定义函数c,fun,fun是面向过程的实现方式只能传入参数,或不传入参数,不能传出参数,必有返回值函数中是不能有create table drop table之类的语 ...
C语言相关的经典书籍(附Ebook)
个人稍微分了一下类,有的看过,有的听人“传说过”,欢迎大家补充和共同学习. 真心经典:每个行业或者领域都有一些东西是不会随时间而逐渐消逝,以下的就是. <C语言程序设计>(第2版.新版) ...
项目中出现黄色感叹号教你去掉Myeclipse的黄色感叹号
点击Window>>Preferences>>General>>Editors>>Text Editors>>Annotations 选中右 ...
安装javaUbuntu下安装JDK1.6,并将之设为默认的JDK
本篇文章个人在广东逛街的时候突然想到的...最近就有想写几篇关于安装java的博客,所以回家到之后就奋笔疾书的写出来发表了 1.在Windows系统下下载Liunx 版本JDK,我下的是jdk-6u4 ...
java nio io模型
I/O模型在开始NIO的学习之前,先对I/O的模型有一个理解,这对NIO的学习是绝对有好处的.我画一张图,简单表示一下数据从外部磁盘向运行中进程的内存区域移动的过程: 这张图片明显忽略了很多细节,只 ...
SVN不同图标的不同意义
黄色感叹号(有冲突):--这是有冲突了,冲突就是说你对某个文件进行了修改,别人也对这个文件进行了修改,别人抢在你提交之前先提交了,这时你再提交就会被提示发生冲突,而不允许你提交,防止你的提交覆盖了别人 ...
iOS中级篇 - dispatch_semaphore（信号量）的理解及使用
理解这个概念之前,先抛出一个问题问题描述: 假设现在系统有两个空闲资源可以被利用,但同一时间却有三个线程要进行访问,这种情况下,该如何处理呢? 没错,这里,我们就可以方便的利用信号量来解决这个问题. ...

[UWP小白日记-3]记账项目-1

[UWP小白日记-3]记账项目-1的更多相关文章

随机推荐

热门专题