windows phone (13) 样式继承
在上一遍文章中已经介绍到可以在Resources集合中定义样式,我们也可以在一个样式上引用其他的样式,这就是继承的概念,使用方法是将引用的样式放置在Style中的BaseOn属性;这里使用到的是xaml标记扩展进行设置,比如这里定义的三个样式:
<phone:PhoneApplicationPage.Resources>
<Style x:Key="tbStyle" TargetType="TextBlock">
<Setter Property="HorizontalAlignment" Value="Center"></Setter>
<Setter Property="HorizontalAlignment" Value="Center"></Setter>
<Setter Property="Foreground">
<Setter.Value>
<LinearGradientBrush>
<GradientStop Offset="0.2" Color="Brown"></GradientStop>
<GradientStop Offset="0.7" Color="DarkBlue"></GradientStop>
</LinearGradientBrush>
</Setter.Value>
</Setter>
</Style>
<Style x:Key="fStyle" TargetType="TextBlock">
<Setter Property="VerticalAlignment" Value="Bottom"></Setter>
</Style>
<Style x:Key="tStyle" TargetType="TextBlock" BasedOn="{StaticResource tbStyle}">
<Setter Property="VerticalAlignment" Value="Top"></Setter>
</Style>
</phone:PhoneApplicationPage.Resources>
<Style x:Key="tbStyle" TargetType="TextBlock">
<Setter Property="HorizontalAlignment" Value="Center"></Setter>
<Setter Property="HorizontalAlignment" Value="Center"></Setter>
<Setter Property="Foreground">
<Setter.Value>
<LinearGradientBrush>
<GradientStop Offset="0.2" Color="Brown"></GradientStop>
<GradientStop Offset="0.7" Color="DarkBlue"></GradientStop>
</LinearGradientBrush>
</Setter.Value>
</Setter>
</Style>
<Style x:Key="fStyle" TargetType="TextBlock">
<Setter Property="VerticalAlignment" Value="Bottom"></Setter>
</Style>
<Style x:Key="tStyle" TargetType="TextBlock" BasedOn="{StaticResource tbStyle}">
<Setter Property="VerticalAlignment" Value="Top"></Setter>
</Style>
</phone:PhoneApplicationPage.Resources>
从上面代码中我们可以看到第三个样式继承了第一个样式,然后第一个样式中我们定义的垂直方向的位置,第三个也定义了垂直方向的位置,然后我们从textblock中使用第三个样式
<TextBlock x:Name="tbContent" Text="显示样式" Style="{StaticResource tStyle}" />
效果如下:
这说明第三个样式中的属性覆盖了第一个样式中的相同的属性 ;需要注意的是,上面三个样式是有先后顺序的,即下面的可以继承上面的,但是上面的不能继承下面的,系统会提示警告,找不到你要继承的样式;那么如果这三个样式中的样式进行级联继承会出现什么情况那:代码如下:
<phone:PhoneApplicationPage.Resources>
<Style x:Key="tbStyle" TargetType="TextBlock">
<Setter Property="HorizontalAlignment" Value="Center"></Setter>
<Setter Property="HorizontalAlignment" Value="Center"></Setter>
<Setter Property="Foreground">
<Setter.Value>
<LinearGradientBrush>
<GradientStop Offset="0.2" Color="Brown"></GradientStop>
<GradientStop Offset="0.7" Color="DarkBlue"></GradientStop>
</LinearGradientBrush>
</Setter.Value>
</Setter>
</Style>
<Style x:Key="tStyle" TargetType="TextBlock" BasedOn="{StaticResource tbStyle}">
<Setter Property="VerticalAlignment" Value="Top"></Setter>
<Setter Property="HorizontalAlignment" Value="Left"></Setter>
</Style>
<Style x:Key="fStyle" TargetType="TextBlock" BasedOn="{StaticResource tStyle}">
<Setter Property="VerticalAlignment" Value="Bottom"></Setter>
</Style>
</phone:PhoneApplicationPage.Resources>
<Style x:Key="tbStyle" TargetType="TextBlock">
<Setter Property="HorizontalAlignment" Value="Center"></Setter>
<Setter Property="HorizontalAlignment" Value="Center"></Setter>
<Setter Property="Foreground">
<Setter.Value>
<LinearGradientBrush>
<GradientStop Offset="0.2" Color="Brown"></GradientStop>
<GradientStop Offset="0.7" Color="DarkBlue"></GradientStop>
</LinearGradientBrush>
</Setter.Value>
</Setter>
</Style>
<Style x:Key="tStyle" TargetType="TextBlock" BasedOn="{StaticResource tbStyle}">
<Setter Property="VerticalAlignment" Value="Top"></Setter>
<Setter Property="HorizontalAlignment" Value="Left"></Setter>
</Style>
<Style x:Key="fStyle" TargetType="TextBlock" BasedOn="{StaticResource tStyle}">
<Setter Property="VerticalAlignment" Value="Bottom"></Setter>
</Style>
</phone:PhoneApplicationPage.Resources>
然后textblock使用第三个样式
<TextBlock x:Name="tbContent" Text="显示样式" Style="{StaticResource fStyle}" />
效果就是这样子了
所以我们可以这样总结,定义三个或更多个样式,如A,B,C 如果B继承A,C继承B,那么优先级是C>B>A,也可以这么说样式的继承是越往上优先级越低;
给大家贴两篇文章的链接,共勉:
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
2010-04-18 c# asp.net 简单数字计算器(4)