【WPF编程宝典】第7讲：样式和触发器

        当使用样式、资源或数据绑定时，发现即使不使用代码，也能完成不少工作。样式，行为以及自定义控件相互互补。

1.样式

1.1基本属性及定义使用

        如何定义及应用样式，如下所示。

// 在App.xaml中定义样式
    <Application.Resources>

        <Style x:Key="BigFontButtonStyle" TargetType="Button">
            <Setter Property="FontFamily" Value="Tiems New Roman"/>
            <Setter Property="FontSize" Value="18"/>
            <Setter Property="FontWeight" Value="Bold"/>
            <Setter Property="Background" Value="BlueViolet"/>
        </Style>
        
    </Application.Resources>

// 在xaml中应用样式
<Button Name="btn" Content="A Tiled Button" Style="{StaticResource BigFontButtonStyle}"
                Height="30" Width="300" Margin="5" Padding="5"
                Click="btn_Click"/>

// 在cs代码中使用样式
private void btn_Click(object sender, RoutedEventArgs e)
{
     btn.Style = (Style)btn.FindResource("BigFontButtonStyle");
}

        样式重要的属性

• Setter：设置属性值以及自动关联事件处理程序的 Setter对象或 EventSetter 对象的集合
• Triggers：继承自 TggerBase 类并能自动改变样式设置的对象集合。例如，当另一个属性改变时，或者当发生某个事件时，可以修改样式
• Resources：希望用于样式的资源集合。例如，可能需要使用一个对象设置多个属性。这时，更高效的做法是作为资源创建对象，然后在 Setter 对象中使用该资源(而不是使用嵌套的标签作为每个Setter 对象的一部分创建对象)
• BaseOn：通过该属性可创建继承自(并且可以有选择地进行重写)其他样式设置的更具体样式
• TargetType：该属性标识应用样式的元素的类型。通过该属性可创建只影响特定类型元素的设置器，还可以创建能够为恰当的元素类型自动起作用的设置器

1.2创建样式对象

        样式可以创建的位置：        

• 样式可以在窗口级别创建，也就是window下直接创建。
• 可以在布局下创建，如StackPanel或Grid下。
• 可以在某个控件内创建。
• 在App.xaml中定义。
• 在自定义的xaml文件中定义，在使用时引用命名空间。

1.3关联事件处理

        虽然这种可以实现，但基本不太使用。通常使用事件触发器，事件触发器是专为实现动画而设计的，当实现鼠标悬停效果时更有用。

// App.xaml中的样式
        <Style x:Key="MouseOverHighlightStyle" TargetType="TextBlock">
            <EventSetter Event="MouseEnter" Handler="TextBlock_MouseEnter"/>
            <EventSetter Event="MouseLeave" Handler="TextBlock_MouseLeave"/>
            <Setter Property="Padding" Value="5"/>
        </Style>

// xaml中的使用
<TextBlock Text="test" Height="30" Width="300" TextAlignment="Center" 
           MouseEnter="TextBlock_MouseEnter" MouseLeave="TextBlock_MouseLeave"/>

// cs后台代码
        private void TextBlock_MouseEnter(object sender, MouseEventArgs e)
        {
            ((TextBlock)sender).Background = new SolidColorBrush(Colors.LightGoldenrodYellow);
        }

        private void TextBlock_MouseLeave(object sender, MouseEventArgs e)
        {
            ((TextBlock)sender).Background =null;
        }

1.4多层样式

多次样式也就是样式的嵌套，通过BaseOn实现。

            <Style x:Key="BigFontButtonstyle">
                <Setter Property="Control.FontFamily" Value="Times New Roman" />
                <Setter Property="Control.FontSize" Value="18"/>
                <Setter Property="Control.FontWeight" Value="Bold"/>
            </Style>
                
            <Style x:Key="EmphasizedBigFontButtonstyle" 
                   BasedOn="{StaticResource BigFontButtonstyle}">
                    <Setter Property="Control.Foreground" Value="white" />
                    <Setter Property="Control.Background" Value="DarkBlue"/>
            </Style>

1.5通过类型自动应用样式

        只需删除x:Key，设置TargetType=“Button”，则可以将样式应用到所有Button上。

        还可以删除样式，采用Style=“{x:Null}”即可删除样式。

2.触发器

2.1触发器基本

• 触发器都是System.Windows.TriggerBase的派生类实例。
• 触发器的优点是不需要为翻转它们而编写任何逻辑，只要停止应用触发器，元素就会恢复到正常外观。
• 当多个触发器同时触发时，最后一个触发器将起作用。
• 多个条件都为真时才激活的触发器，可使用MutiTrigger，里面的Conditions。

2.2常用触发器

• Trigger：这是一种最简单的触发器。可以监测依赖项属性的变化，然后使用设置器改变样式
• MutiTrigger：与 Trigger 类似，但这种触发器联合了多个条件。只有满足了所有这些条件，才会启动触发器
• DataTrigger：这种触发器使用数据绑定。与Trigger类似，只不过监视的是任意绑定数据的变化
• MultiDataTrigger：联合多个数据触发器
• EventTrigger：这是最复杂的触发器。当事件发生时，这种触发器应用动画。比如下面的动画，当鼠标进入后，0.2s放大字体到22。这种无法自动复原，复原需要编写离开事件触发器。

<Style x:Key="BigFontButtonStyle">
    <Style.Triggers>
        <EventTrigger RoutedEvent="Mouse.MouseEnter">
            <EventTrigger.Actions>
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Duration="0:0:0.2" Storyboard.TargetProperty="FontSize" To="22"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger.Actions>
        </EventTrigger>

        <EventTrigger RoutedEvent="Mouse.MouseLeave">
            <EventTrigger.Actions>
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Duration="0:0:0.2" Storyboard.TargetProperty="FontSize" To="12"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger.Actions>
        </EventTrigger>
    </Style.Triggers>
</Style>