【Windows Phone 8】样式

类似于Html样式,有三种设置方法。

1.内联样式

直接在控件中设置样式,类似于html中的控件中设置样式。

【Windows Phone 8】样式
1             <Button Content="内联样式">
2                 <Button.Style>
3                     <Style TargetType="Button">
4                         <Setter Property="Background" Value="Red"></Setter>
5                         <Setter Property="FontSize" Value="20"></Setter>
6                     </Style>
7                 </Button.Style>
8             </Button>
内联样式

2.内部样式表

在xaml页面定义的样式,通过x:key设置样式名称

【Windows Phone 8】样式
1     <phone:PhoneApplicationPage.Resources>
2         <Style x:Key="CommonButton" TargetType="Button">
3             <Setter Property="Background" Value="Blue"></Setter>
4             <Setter Property="FontSize" Value="25"></Setter>
5         </Style>
6     </phone:PhoneApplicationPage.Resources>
内部样式表--定义样式
【Windows Phone 8】样式
1 <Button Content="导航到Page1" Style="{StaticResource CommonButton}" />
内部样式表--使用样式

3.外部样式

类似于html的css样式文件,将样式集中定义在外部的样式文件中。

关于xaml样式文件的定义可以参考Windows Phone SDK安装后文件中的ThemeResources.xaml文件,在此基础上进行修改。

【Windows Phone 8】样式
 1 <ResourceDictionary
 2   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4   xmlns:System="clr-namespace:System;assembly=mscorlib">
 5 
 6     <Style x:Name="ButtonOutStyle" TargetType="Button">
 7         <Setter Property="Background" Value="Green"></Setter>
 8         <Setter Property="FontSize" Value="30"></Setter>
 9     </Style>
10 </ResourceDictionary>
11 
12   
外部样式--定义样式

同时需要修改App.xaml文件,添加该样式资源

【Windows Phone 8】样式
1 <Application.Resources>       
2   <ResourceDictionary>           
3   <ResourceDictionary.MergedDictionaries>               
4     <ResourceDictionary Source="CustomTheme/ThemeResources.xaml"/>
5   </ResourceDictionary.MergedDictionaries>       
6   </ResourceDictionary>   
7 </Application.Resources> 
App.xaml
【Windows Phone 8】样式
1 <Button Content="外部样式" Style="{StaticResource ButtonOutStyle}"></Button>
外部样式--使用样式

【Windows Phone 8】样式

上一篇:DELL OPTIPLEX 780台式机上安装Windows XP时的蓝屏故障解决


下一篇:windows 10本地代码关联到已存在的远程gitlab仓库