这节,很简单,创建用户app button的样式
创建 app button自定义样式
上节,我们说到这节我们要创建用户的app button的自定义样式,这节为自定义样式赋值
程序中为了使你的程序与众不同,就是应当定义你的appBar buttons的样式并为其赋值,下面的源代码就是我在项目中使用自定义样式了。
1 <Style x:Key="StoresAppBarButton" TargetType="Button"
2 BasedOn="{StaticResource AppBarButtonStyle}">
3 <!--AutomationProperties.Name 自定义样式 赋值Stores-->
4 <Setter Property="AutomationProperties.Name" Value="Stores"/>
5 <!--Content 自定义颜色的样式 &xE14D为其赋值-->
6 <Setter Property="Content" Value=""/>
7 </Style>
首先,看这个xaml的源码,你可以清晰的看到我使用了AppBarButtonStyle这个基本样式,因此,他有AppBar Button 基本的外观。当然,除此之外,我还设置了AutomationProperties.Name,Content属性的值,这样做法无非使其用户体验更棒。当然,你能够重新定义一些与普通appBar与众不同的样式从而更加能满足的你需求了。下图,就是显示我定义样式以后程序的外观,当然,你要在项目中第一时间看到你的样式,可以切换在设计视图中可以看到了
哝,这就是这节的议程——自定义样式并为app Bar Button换上不同皮肤