WPF Button 鼠标移动改变样式

浅浅的花香味﹌ 2022-08-03 12:41 257阅读 0赞

<Button Content="button" Height="50" Margin="293,212,174,58" Width="50" RenderTransformOrigin="-4.5,-1.24">
        <Button.Template>
            <ControlTemplate TargetType="{x:Type Button}">
                <Border BorderBrush="{TemplateBinding Control.BorderBrush}" BorderThickness="0" CornerRadius="3,13,3,13" Name="PART_Background">
                    <Border.Background>
                        <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                            <GradientStop Color="White" Offset="0.0" />
                            <GradientStop Color="Silver" Offset="0.5" />
                            <GradientStop Color="White" Offset="0.0" />
                        </LinearGradientBrush>
                    </Border.Background>
                    <ContentPresenter Content="{TemplateBinding ContentControl.Content}" HorizontalAlignment="Center" VerticalAlignment="Center" />
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="UIElement.IsMouseOver" Value="True">
                        <Setter Property="Border.Background" TargetName="PART_Background">
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="Silver" Offset="0.0" />
                                    <GradientStop Color="White" Offset="0.5" />
                                    <GradientStop Color="Silver" Offset="0.0" />
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                    <Trigger Property="ButtonBase.IsPressed" Value="True">
                        <Setter Property="UIElement.Effect">
                            <Setter.Value>
                                <DropShadowEffect BlurRadius="10" Color="Black" Direction="0" Opacity="0.6" RenderingBias="Performance" ShadowDepth="0" />
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Button.Template>
    </Button>

发表评论取消回复

表情：

评论列表（有 0 条评论，257人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS中如何改变鼠标指针样式（cursor）？

聚沙成塔·每天进步一点点 ⭐ 专栏简介 ⭐ CSS中改变鼠标指针样式（cursor） ⭐ 示例： ⭐ 写在最后 ----------------

柔光的暖阳◎/ 2023年10月15日 10:03/ 0 赞/ 30 阅读

相关 Android-Button颜色样式

Button添加属性android:background="@drawable/button\_style" drawable/button\_style.xml内代码

不念不忘少年蓝@/ 2022年12月27日 11:19/ 0 赞/ 174 阅读

相关 button样式

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

刺骨的言语ヽ痛彻心扉/ 2022年12月03日 12:55/ 0 赞/ 154 阅读

相关 css改变鼠标样式

元素的样式上加cursor:值 <table> <tbody> <tr> <th>值</th> <th>描述</th> </tr> <t

蔚落/ 2022年09月16日 04:56/ 0 赞/ 290 阅读

相关 android Button 样式

我们在开发的过程中很多时候要用到一些触发事件改变一个控件的背景颜色或样式。接下来就是自定义的一些触发事件的样式效果都是通用的，希望对大家有所帮助。记住是放在res>

梦里梦外;/ 2022年08月27日 01:26/ 0 赞/ 225 阅读

相关 WPF Button 鼠标移动改变样式

<Button Content="button" Height="50" Margin="293,212,174,58" Width="50" RenderTransf

浅浅的花香味﹌/ 2022年08月03日 12:41/ 0 赞/ 258 阅读

相关 ionic之样式button

1、实例背景 ionic中常见的按钮button，设置按钮样式用class="button"，这个是设置普通样式 2、实现源码 <!DOCTY

我就是我/ 2022年07月16日 12:39/ 0 赞/ 215 阅读

相关使用WPF样式

在前一章，我们介绍了样式的概念，我们使用了本地定义样式的一个基础示例，它针对特定类型的控件 - TextBlock。但是，样式可以在几个不同的范围中定义，具体取决于您希望在何

迈不过友情╰/ 2022年01月28日 07:25/ 0 赞/ 300 阅读

相关 UWP 改变Button样式

\-----some words------ 1.Control：控制（我们理解成控件） 2.Template：模板 3.Ellipse 椭圆 4.Content 内

我不是女神ヾ/ 2022年01月10日 17:21/ 0 赞/ 392 阅读

相关博客样式(动态背景线条跟随鼠标移动)

代码(将代码添加至页脚html板块): 1  2 3 <script> 4

╰+哭是因爲堅強的太久メ/ 2022年01月05日 02:34/ 0 赞/ 345 阅读