手把手玩转win8开发系列课程（16）

这节，很简单，创建用户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="&#xE14D;"/>
7 </Style>

 

首先，看这个xaml的源码，你可以清晰的看到我使用了AppBarButtonStyle这个基本样式，因此，他有AppBar Button 基本的外观。当然，除此之外，我还设置了AutomationProperties.Name，Content属性的值，这样做法无非使其用户体验更棒。当然，你能够重新定义一些与普通appBar与众不同的样式从而更加能满足的你需求了。下图，就是显示我定义样式以后程序的外观，当然，你要在项目中第一时间看到你的样式，可以切换在设计视图中可以看到了

哝，这就是这节的议程——自定义样式并为app Bar Button换上不同皮肤