所谓的潇洒

导航

WPF知识点备忘录——控件模板

模板

    <Application.Resources>
        <ResourceDictionary>
            <!--将画刷等从模板拆分出来,方便重用-->
            <RadialGradientBrush RadiusX="1" RadiusY="5" GradientOrigin="0.5,0.3" x:Key="HighlightBackground">
                <GradientStop Color="White" Offset="0"/>
                <GradientStop Color="Blue" Offset=".4"/>                
            </RadialGradientBrush>
            <RadialGradientBrush RadiusX="1" RadiusY="5" GradientOrigin="0.5,0.3" x:Key="PressedBackground">
                <GradientStop Color="White" Offset="0"/>
                <GradientStop Color="Blue" Offset="1"/>
            </RadialGradientBrush>
            <SolidColorBrush Color="Blue" x:Key="DefaultBackGround"></SolidColorBrush>
            <SolidColorBrush Color="Gray" x:Key="DisabledBackGround"></SolidColorBrush>
            <RadialGradientBrush RadiusX="1" RadiusY="5" GradientOrigin="0.5,0.3" x:Key="Border">
                <GradientStop Color="White" Offset="0"/>
                <GradientStop Color="Blue" Offset="1"/>
            </RadialGradientBrush>
            <!--触发器都保留在模板中-->
            <ControlTemplate x:Key="GradientButtonTemplate" TargetType="{x:Type Button}">
                <Border Name="Border" BorderBrush="{StaticResource Border}" BorderThickness="2"
                        CornerRadius="2" Background="{StaticResource DefaultBackGround}"
                        TextBlock.Foreground="White">
                    <Grid>
                        <Rectangle Name="FocusCue" Visibility="Hidden" Stroke="Black"
                                   StrokeThickness="1" StrokeDashArray="1 2" SnapsToDevicePixels="True"/>
                        <ContentPresenter Margin="{TemplateBinding Padding}" RecognizesAccessKey="True"/>
                    </Grid>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="Border" Property="Background" Value="{StaticResource HighlightBackground}"/>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="True">
                        <Setter TargetName="FocusCue" Property="Visibility" Value="Visible"/>
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter TargetName="Border" Property="Background" Value="{StaticResource DisabledBackGround}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </ResourceDictionary>
    </Application.Resources>

样式的方式使用模板

  将模板中的颜色、画刷改成模板绑定的方式,在样式中给出,即可实现不同的外观需要

        <Style x:Key="CustomButtonStyle" TargetType="{x:Type Button}">
            <Setter Property="Control.Template" Value="{StaticResource CustomButtonTemplate}"/>
            <Setter Property="Background" Value="{StaticResource HighLightBackground}"/>
            <Style.Triggers>
                <Trigger>...</Trigger>
                ...
            </Style.Triggers>
        </Style>

 

posted on 2023-02-26 18:48  所谓的潇洒  阅读(22)  评论(0编辑  收藏  举报