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

这节，给appbar添加button样式，使其外表样式更加的丰满。

添加APPBarButton样式

standardStyle页面中包含了appBar的Button的样式。其样式的xaml的源代码如下：

1 <!--AppBar的样式-->
2 <Style x:Key="AddAppBarButtonStyle" TargetType="Button"
3   BasedOn="{StaticResource AppBarButtonStyle}">
4    <!--AutomationId  动画id-->
5   <Setter Property="AutomationProperties.AutomationId" Value="AddAppBarButton"/>
6   <Setter Property="AutomationProperties.Name" Value="Add"/>
7          <!--Content 内容-->
8   <Setter Property="Content" Value="&#xE109;"/>
9 </Style>

 

所有预定义的样式，都是来自于AppBarButtonStyle样式，这个样式提供了app bar的按钮一些基本的属性。即使，接下来，自己定义的这个按钮也会使用这个属性。

通过了名称和内容这两个属性，能够区分buttons之间不同的属性，这个AutomationProperties.Name显示button下的文本，context显示使用icon图标。值的属性是显示segoe UI 的字母特征。你可以看到图标也是win8中的图标定义。

这样样式也不能满足你样式。  为了更好使样式满足你的button样式，我想改变使用预定义样式和覆盖的部分满足你的需要，使用源代码绑定名称满足你的需要。相应源代码如下：

1 <!--AutomationProperties.Name  属性名称-->
2 <Button x:Name="AppBarAddButton"
3   Style="{StaticResource AddAppBarButtonStyle}"
4 AutomationProperties.Name="New Item"
5   Click="AppBarButtonClick"/>

 

这就是，这节的议程。