WPF之ColorButton

最新推荐文章于 2025-10-15 14:20:25 发布

原创最新推荐文章于 2025-10-15 14:20:25 发布 · 268 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

WPF之Style 专栏收录该内容

10 篇文章

订阅专栏

博客围绕WPF中的ColorButton展开，但具体内容缺失。WPF是前端开发中常用的技术，ColorButton可能是其特定组件，在前端界面设计等方面或有应用。

 <Style x:Key="ColorButton" TargetType="Button">               
        <Setter Property="Background" Value="#FF399C34"/>
        <Setter Property="BorderBrush" Value="Silver"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Grid x:Name="gd">
                        <Border x:Name="back" BorderThickness="1"  BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="7" Uid="{Binding Background, RelativeSource={RelativeSource TemplatedParent}}">
                            <Border.Background>
                                <LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
                                    <GradientStop Color="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(Button.Background).(SolidColorBrush.Color)}" Offset="0.53" />
                                    <GradientStop Color="WhiteSmoke" Offset="0" />
                                    <GradientStop Color="WhiteSmoke" Offset="1" />
                                </LinearGradientBrush>
                            </Border.Background>
                            <ContentPresenter  HorizontalAlignment="Center" Margin="5" VerticalAlignment="Center" />
                        </Border>

                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsPressed" Value="true">
                            <Setter TargetName="back" Property="Background" Value="#B2F5F5F5"/>
                        </Trigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsMouseOver" Value="True"/>
                                <Condition Property="IsPressed" Value="False"/>
                            </MultiTrigger.Conditions>
                            <Setter  TargetName="back" Property="Background">
                                <Setter.Value>
                                    <LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
                                        <GradientStop Color="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(Button.Background).(SolidColorBrush.Color)}" Offset="0.53" />
                                        <GradientStop Color="White" Offset="0" />
                                        <GradientStop Color="White" Offset="1" />
                                    </LinearGradientBrush>
                                </Setter.Value>
                            </Setter>
                        </MultiTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>