WPF样式与资源
在控件中我们一般可以通过属性来设置它们的样式,如果我们要对很多控件用同一种样式。该怎么办能呢?
方法一:就是在每个控件的属性中该,显然这不是一种明智的选择。
那我们就用法二:
我们可以在他的父容器里的Style.Resource里设置。因为这样其他控件(在同一个父容器中)也可以访问到。
下面我用demo来讲解。
我们现在窗体上拖3个Button控件。我们在Window.Resources里设置它的Style
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
<Window.Resources>
<Style x:Key="BtnStyle" TargetType="Button">
<Setter Property="Background" Value="yellow"/>
</Style>
</Window.Resources>
这里要有TargetType用来识别绑定对象是什么。
接下来我们在Button上绑定Style
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
<Grid>
<Button Style="{StaticResource BtnStyle}" Content="Button" Height="43" HorizontalAlignment="Left" Margin="33,35,0,0" Name="button1" VerticalAlignment="Top" Width="88" />
<Button Style="{StaticResource BtnStyle}" Content="Button" Height="43" HorizontalAlignment="Left" Margin="149,35,0,0" Name="button2" VerticalAlignment="Top" Width="85" />
<Button Style="{StaticResource BtnStyle}" Content="Button" Height="43" HorizontalAlignment="Left" Margin="261,35,0,0" Name="button3" VerticalAlignment="Top" Width="84" />
</Grid>
其实就这个 Style="{StaticResource BtnStyle}"
效果图:
刚刚改变的是背景色,前景色呢?
我们只要加
<Setter Property="Foreground" Value="red"/>
如图:
若我们要给他些事件呢。比如鼠标移到Button上,会发生什么变化,按下去会发生什么变化。
这就要用到Style.Triggers
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
<Window.Resources>
<Style x:Key="BtnStyle" TargetType="Button">
<Style.Triggers>
<Trigger Property="Button.IsMouseOver" Value="True">
<Setter Property="Background" Value="lightBlue"/>
</Trigger>
<Trigger Property="Button.IsPressed" Value="True">
<Setter Property="Background" Value="Blue"/>
</Trigger>
</Style.Triggers>
<Setter Property="Background" Value="yellow"/>
<Setter Property="Foreground" Value="red"/>
</Style>
</Window.Resources>
看到在原来插入的Style.Triggers了不。
效果图:
鼠标移过。
鼠标按下
因为两者颜色差不多 所以不太清楚的区别。
结束。