[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]页面跳转过度动画
前言在学习中发现页面导航默认是没有过度动画的,直接就导航过去太粗暴了(￣へ￣),于是打算上动画结果不言而喻自己进了坑完全不懂动画,然后就是各种疯狂(´･_･`)的搜索资料看了后终于有点头绪. 再后来 ...

随机推荐

XSD实例
XSD实例在前面的XSD笔记中,基本上是以数据类型为主线来写的,而在我的实际开发过程中,是先设计好了XML的结构(元素.属性),并写好了一份示例,然后再反过来写XSD文件(在工具生成的基础上修改), ...
Weka 开发［1］－Instances类
先google一下,把Weka软件下载下来,安装完成之后,在Weka的安装目录中有一个weka.jar的包. 把包添加到工程中后,就可以调用weka中的函数了. 再介绍一点weka的基本知识,在wek ...
linux serial 登录 cubieboard
折腾半天linux下的putty,最后搞得实在没办法,放弃putty改用minicom 1. 先安装minicom sudo apt-get install minicom 2.配置com minic ...
Oracle日志文件的管理与查看
--Oracle日志文件管理与查看 select * from v$sql (#查看最近所作的操作) --select * fromv $sqlarea(#查看最近所作的操作) -- 1.查询系统使用 ...
elasticsearch data importing
ElasticSearch stores each piece of data in a document. That's what I need. Using the bulk API. Trans ...
Unity3D中使用MiniJson解析json的例子
json: --------------------------------- { "name":"中国", "province&qu ...
怎样清除SWAP里的文件
在vim 编辑一个文件时断了网,文件就留在SWAP里,但我再vim这个文件保存后,再打开时又提示SWAP里有这文件了,此时swapoff -a后再ls -al查看,把文件所在目录里*.swp结尾的文件 ...
《linux内核完全剖析》笔记03-进程创建
根据一下问题来看笔记进程占多大的线形地址空间进程实际分配多少物理内存创建进程的开销在哪里一. 从fork系统调用开始 kernel/sys_call.s第222行 _sys_fork: cal ...
结构-行为-样式-angularJs 指令实现滚动文字
最近在做XX项目的大屏展示页面,有一个表格需要用到这个滚动效果,于是就写了个指令,记录下,共同学习. Html代码: <td word-roll tword="item"&g ...
[ios2]tableView去除空行的singleLine
http://www.winddisk.com/2013/03/29/tableview%E5%8E%BB%E9%99%A4%E7%A9%BA%E8%A1%8C%E7%9A%84singleline/ ...

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

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

随机推荐

热门专题