WPF Button 鼠标移动改变样式

浅浅的花香味﹌ 2022-08-03 12:41 239阅读 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 条评论，239人围观）

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

相关阅读

相关 Android-Button颜色样式

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

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

相关 button样式

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

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

相关 css改变鼠标样式

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

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

相关 android Button 样式

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

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

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

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

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

相关 ionic之样式button

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

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

相关炫酷Button样式

平时我们所用的Button样式过于单一，不怎么好看，帮助基础的同学们学会使用Style改变Button样式，我简单的写一点东西 <span style="font-s

你的名字/ 2022年07月16日 05:22/ 0 赞/ 204 阅读

相关使用WPF样式

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

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

相关 UWP 改变Button样式

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

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

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

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

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