1.样式style的定义与使用
1.1定义某种控件的style
<Window.Resources> <!--定义样式--> <Style TargetType="Button" x:Key="btnstyle"> <Setter Property="FontFamily" Value="Times New Roman" /> <Setter Property="FontSize" Value="18" /> <Setter Property="FontWeight" Value="Bold" /> </Style> </Window.Resources> <StackPanel Margin="5"> <Button Padding="5" Margin="5" Style="{StaticResource btnstyle}">自定义按钮</Button> <Button Padding="5" Margin="5" >普通按钮</Button> </StackPanel> 1.2定义适用与大部分控件的style
<Window.Resources> <!--定义样式--> <Style x:Key="ControlStyle"> <Style.Setters> <Setter Property="Control.FontFamily" Value="Times New Roman" /> <Setter Property="Control.FontSize" Value="18" /> <Setter Property="Control.FontWeight" Value="Bold" /> </Style.Setters> </Style> </Window.Resources> <StackPanel Margin="5"> <Button Padding="5" Margin="5" Style="{StaticResource ControlStyle}">自定义按钮</Button> <Button Padding="5" Margin="5" >普通按钮</Button> <TextBlock Padding="5" Margin="5" Style="{StaticResource ControlStyle}" Text="TextBlock"></TextBlock> <Label Padding="5" Margin="5" Style="{StaticResource ControlStyle}" Content="Lable"></Label> </StackPanel>
2.样式触发器
<Window.Resources> <!--定义样式--> <Style x:Key="ControlStyle"> <Style.Setters> <Setter Property="Control.FontFamily" Value="Times New Roman" /> <Setter Property="Control.FontSize" Value="18" /> <Setter Property="Control.FontWeight" Value="Bold" /> </Style.Setters> <Style.Triggers> <!-- 聚焦获取焦点时--> <Trigger Property="Control.IsFocused" Value="true"> <Setter Property="Control.Foreground" Value="Blue"> </Setter> </Trigger> <!--按钮被按下时--> <Trigger Property="Button.IsPressed" Value="true"> <Setter Property="Control.Foreground" Value="Yellow"></Setter> </Trigger> <!--鼠标划过时--> <Trigger Property="Control.IsMouseOver" Value="true"> <Setter Property="Control.Foreground" Value="Red"></Setter> <Setter Property="Control.FontWeight" Value="Bold"></Setter> <Setter Property="Control.FontStyle" Value="Italic"></Setter> </Trigger> </Style.Triggers> </Style> </Window.Resources> <StackPanel Margin="5"> <Button Padding="5" Margin="5" Style="{StaticResource ControlStyle}">自定义按钮</Button> <Button Padding="5" Margin="5" >普通按钮</Button> <TextBlock Padding="5" Margin="5" Style="{StaticResource ControlStyle}" Text="TextBlock"></TextBlock> <Label Padding="5" Margin="5" Style="{StaticResource ControlStyle}" Content="Lable"></Label> </StackPanel>
