WPF Style設置和模板化Template

WPF樣式設置和模板化是一套功能（樣式，模板，觸發器和演示圖版），可以為產品設置統一外觀。類似於html的css,可以快速的設置一系列屬性值到控件。

 

案例：ButtonStyle

這里創建了一個目標類型為Button的基礎ButtonStyle，其他的Button就可以繼承SystemButtonBase，可以統一基礎的Style，根據需求設置需要的屬性值，登錄按鈕可以使用StaticResource的方式查找到這個style。

<Style x:Key="SystemButtonBase" TargetType="ButtonBase">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Cursor" Value="Hand"/>
        <Setter Property="Padding" Value="1"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ButtonBase}">
                    <Border Name="Chrome"
                                Background="{TemplateBinding Background}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                SnapsToDevicePixels="true"
                                CornerRadius="5">
                        <ContentPresenter Margin="{TemplateBinding Padding}"
                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                              RecognizesAccessKey="True"
                                              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="IsEnabled" Value="false">
                <Setter Property="Cursor" Value="Arrow" />
            </Trigger>
        </Style.Triggers>
    </Style>
    <Style TargetType="Button" BasedOn="{StaticResource SystemButtonBase}" x:Key="BtnStyle">
        <Setter Property="Background" Value="#09a3dc"/>
        <Setter Property="Foreground" Value="#ffffff"/>
        <Setter Property="MinHeight" Value="28"/>
        <Setter Property="MinWidth" Value="70"/>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#3cc3f5"/>
            </Trigger>
            <Trigger Property="IsPressed" Value="True">
                <Setter Property="Background" Value="#098cbc" />
            </Trigger>
            <Trigger Property="IsEnabled" Value="false">
                <Setter Property="Background" Value="#e1e1e1" />
                <Setter Property="Foreground" Value="#7e7e7e" />
            </Trigger>
        </Style.Triggers>
    </Style>

 

簡單引用

<Button Content="登錄" Height="30" Margin="0"  Width="115" Style="{StaticResource BtnStyle}"/>

 

 

這個就是介紹的WPF的Style的簡短文字

希望和大家多多的交流溝通，共同進步。 謝謝！