您的位置:首页 > Web前端 > CSS

MSDN 教程短片 WPF 8(WPF样式与资源)

2019-08-14 11:29 1681 查看
原文链接:https://www.geek-share.com/detail/2503422320.html

WPF样式与资源

在控件中我们一般可以通过属性来设置它们的样式,如果我们要对很多控件用同一种样式。该怎么办能呢?

方法一:就是在每个控件的属性中该,显然这不是一种明智的选择。

那我们就用法二:

我们可以在他的父容器里的Style.Resource里设置。因为这样其他控件(在同一个父容器中)也可以访问到。

下面我用demo来讲解。

我们现在窗体上拖3个Button控件。我们在Window.Resources里设置它的Style

<Window.Resources>
<Style x:Key="BtnStyle" TargetType="Button">
<Setter Property="Background" Value="yellow"/>
</Style>
</Window.Resources>

这里要有TargetType用来识别绑定对象是什么。

接下来我们在Button上绑定Style

<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

<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了不。

效果图:

鼠标移过。

鼠标按下

因为两者颜色差不多 所以不太清楚的区别。

结束。

转载于:https://www.cnblogs.com/dingli/archive/2010/12/15/1907314.html

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: