对于同一页面,需要重复多个控件的固定属性外观时,我们就可以样式,来解决一个个设置的问题。
<Window.Resources>
<Style x:Key="BaseButtonStyle" TargetType="Button">
<Setter Property="FontSize" Value="20"/>
<Setter Property="Background" Value="Red"/>
<Setter Property="Foreground" Value="White"/>
<Setter Property="Width" Value="120"/>
<Setter Property="Height" Value="50"/>
</Style>
<Style x:Key="ButtonStyle" TargetType="Button" BasedOn="{StaticResource BaseButtonStyle}">
<Setter Property="Content" Value="按钮样式"/>
</Style>
</Window.Resources>
<Grid>
<StackPanel>
<Button Style="{StaticResource ButtonStyle}"></Button>
<Button Style="{StaticResource ButtonStyle}"></Button>
<Button Style="{StaticResource ButtonStyle}"></Button>
<Button Style="{StaticResource ButtonStyle}"></Button>
</StackPanel>
</Grid>
其中BasedOn为一个作为当前样式的基准的已定义样式,默认值为空。当我们使用样式后效果如下