windows phone (13) 样式继承

chenjiali

　　在上一遍文章中已经介绍到可以在Resources集合中定义样式，我们也可以在一个样式上引用其他的样式，这就是继承的概念，使用方法是将引用的样式放置在Style中的BaseOn属性；这里使用到的是xaml标记扩展进行设置，比如这里定义的三个样式：
[csharp] view plaincopyprint?

• <phone:PhoneApplicationPage.Resources>  
  
•        <Style x:Key=&quot;tbStyle&quot; TargetType=&quot;TextBlock&quot;>  
  
•            <Setter Property=&quot;HorizontalAlignment&quot; Value=&quot;Center&quot;></Setter>  
  
•            <Setter Property=&quot;HorizontalAlignment&quot; Value=&quot;Center&quot;></Setter>  
  
•            <Setter Property=&quot;Foreground&quot;>  
  
•                <Setter.Value>  
  
•                    <LinearGradientBrush>  
  
•                        <GradientStop Offset=&quot;0.2&quot; Color=&quot;Brown&quot;></GradientStop>  
  
•                        <GradientStop Offset=&quot;0.7&quot; Color=&quot;DarkBlue&quot;></GradientStop>  
  
•                    </LinearGradientBrush>  
  
•                </Setter.Value>  
  
•            </Setter>  
  
•        </Style>  
  
•        <Style x:Key=&quot;fStyle&quot; TargetType=&quot;TextBlock&quot;>  
  
•            <Setter Property=&quot;VerticalAlignment&quot; Value=&quot;Bottom&quot;></Setter>  
  
•        </Style>  
  
•        <Style x:Key=&quot;tStyle&quot; TargetType=&quot;TextBlock&quot; BasedOn=&quot;{StaticResource tbStyle}&quot;>  
  
•            <Setter Property=&quot;VerticalAlignment&quot; Value=&quot;Top&quot;></Setter>  
  
•        </Style>  
  
•    </phone:PhoneApplicationPage.Resources>  
  

　　从上面代码中我们可以看到第三个样式继承了第一个样式，然后第一个样式中我们定义的垂直方向的位置，第三个也定义了垂直方向的位置，然后我们从textblock中使用第三个样式
[csharp] view plaincopyprint?

• <TextBlock x:Name=&quot;tbContent&quot; Text=&quot;显示样式&quot;  Style=&quot;{StaticResource tStyle}&quot;  />  
  

　　效果如下：

　　这说明第三个样式中的属性覆盖了第一个样式中的相同的属性 ;需要注意的是，上面三个样式是有先后顺序的，即下面的可以继承上面的，但是上面的不能继承下面的，系统会提示警告，找不到你要继承的样式；那么如果这三个样式中的样式进行级联继承会出现什么情况那：代码如下：
[csharp] view plaincopyprint?

• <phone:PhoneApplicationPage.Resources>  
  
•         <Style x:Key=&quot;tbStyle&quot; TargetType=&quot;TextBlock&quot;>  
  
•             <Setter Property=&quot;HorizontalAlignment&quot; Value=&quot;Center&quot;></Setter>  
  
•             <Setter Property=&quot;HorizontalAlignment&quot; Value=&quot;Center&quot;></Setter>  
  
•             <Setter Property=&quot;Foreground&quot;>  
  
•                 <Setter.Value>  
  
•                     <LinearGradientBrush>  
  
•                         <GradientStop Offset=&quot;0.2&quot; Color=&quot;Brown&quot;></GradientStop>  
  
•                         <GradientStop Offset=&quot;0.7&quot; Color=&quot;DarkBlue&quot;></GradientStop>  
  
•                     </LinearGradientBrush>  
  
•                 </Setter.Value>  
  
•             </Setter>  
  
•         </Style>  
  
•         <Style x:Key=&quot;tStyle&quot; TargetType=&quot;TextBlock&quot; BasedOn=&quot;{StaticResource tbStyle}&quot;>  
  
•             <Setter Property=&quot;VerticalAlignment&quot; Value=&quot;Top&quot;></Setter>  
  
•             <Setter Property=&quot;HorizontalAlignment&quot; Value=&quot;Left&quot;></Setter>  
  
•         </Style>  
  
•         <Style x:Key=&quot;fStyle&quot; TargetType=&quot;TextBlock&quot; BasedOn=&quot;{StaticResource tStyle}&quot;>  
  
•             <Setter Property=&quot;VerticalAlignment&quot; Value=&quot;Bottom&quot;></Setter>  
  
•         </Style>  
  
•          
  
•     </phone:PhoneApplicationPage.Resources>  
  

　　然后textblock使用第三个样式

[csharp] view plaincopyprint?

• <TextBlock x:Name=&quot;tbContent&quot; Text=&quot;显示样式&quot;  Style=&quot;{StaticResource fStyle}&quot;  />  
  

　　效果就是这样子了

　　所以我们可以这样总结，定义三个或更多个样式，如A,B,C 如果B继承A,C继承B，那么优先级是C>B>A，也可以这么说样式的继承是越往上优先级越低；
　　给大家贴两篇文章的链接，共勉：
WP7开发学习（4）：Style样式的四种使用----在wp中对样式的总结



WPF中的依赖项属性----依赖项属性终于明白了