Windows phone 之样式的关联

建议大家做界面要用Blend。

做过web的都知道DIV+CSS，给页面元素关联样式有三种方式：

1.内联样式表：就是在每个元素里面写style。优点就是灵活，给指定的元素添加样式。缺点是重用性很差，如果大量的元素样式相同的话，每个都要写一遍，会让重复代码很多。

2.嵌入样式表：在html页面上写一个<style></style> 代码段，然后在里面写样式表，然后用相应的类选择符或者是ID选择符去给元素关联样式。优点是在很大程度上解决了样式重用的问题。缺点是样式很多时，还是会使这个页面代码很多，不便于分类。

3.外部样式表：就是把嵌入样式表<style></style> 代码段里面的内容写到一个独立的.css文件里面。然后把所需要的样式表文件关联到相应的页面去。

wp7里面对元素添加效果不仅仅只是样式那么简单，而且还会有视觉状态。这里只写样式。

1.内联样式：

拖来个Button，你尽情得设置里面的属性就可以了。或者是用Blend右边的属性管理器设置。

2.嵌入样式：
在<phone:PhoneApplicationPage.Resources>标签内写样式，然后用控件去调用，代码如下：

<phone:PhoneApplicationPage.Resources>
        <Style x:Key="ButtonStyle"  TargetType="Button">
               <Setter Property="Content" Value="嵌入样式"/>
               <Setter Property="Height" Value="100" />
               <Setter Property="Width" Value="200" />
               <Setter Property="Margin" Value="50,170,0,0"/>
               <Setter Property="Foreground" Value="Red" />
               <Setter Property="Background" Value="Blue" />
               <Setter Property="HorizontalAlignment" Value="Left" />
               <Setter Property="VerticalAlignment" Value="Top" />
      </Style>
      </phone:PhoneApplicationPage.Resources>

Button控件调用:

<Button Style="{StaticResource ButtonStyle}"/>

3.外部样式

首先添加外表样式表文件

如果用Blend添加的话,会自动把这个资源字典引入到程序。
会自动在app.xaml里面添加如下代码：

<Application.Resources>
             <ResourceDictionary>
                 <ResourceDictionary.MergedDictionaries>
                     <ResourceDictionary Source="Styles/Style1.xaml"/>
                 </ResourceDictionary.MergedDictionaries>
             </ResourceDictionary>
         </Application.Resources>

如果不是用Blend的话需要自己去关联。
也可以把这个资源文件之关联到某一页面。比如之关联到MainPage.xaml那就只在本页面的<phone:PhoneApplicationPage.Resources>部分添加如下代码：

<ResourceDictionary>

                <ResourceDictionary.MergedDictionaries>

                <ResourceDictionary Source="Styles/Style1.xaml"/>

                </ResourceDictionary.MergedDictionaries>

            </ResourceDictionary>

后台动态关联资源文件并对控件绑定样式。

ResourceDictionary resourceDictionary = new ResourceDictionary();
     Application.LoadComponent(resourceDictionary, new Uri("/WindowsPhoneApplication1;component/Styles/Style2.xaml", UriKind.Relative));
     Application.Current.Resources.MergedDictionaries.Add(resourceDictionary);
     this.btn1.SetValue(Button.StyleProperty, Application.Current.Resources["ButtonStyle2"]);