wpf命令按钮透明样式

最新推荐文章于 2024-06-11 08:59:24 发布
最新推荐文章于 2024-06-11 08:59:24 发布
阅读量423 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m18731455318/article/details/116357178
版权

一、第一步骤定义按钮样式（代码写在APP.xaml文件里）直接把代码粘切复制

   <!--定义按钮样式-->
        <Style TargetType="Button">
            <Setter Property="Foreground" Value="Black"/>
            <!--修改模板属性-->
            <Setter Property="Template">
                <Setter.Value>
                    <!--控件模板-->
                    <ControlTemplate TargetType="Button">
                        <!--背景色-->
                        <Border x:Name="back" Opacity="0.8" CornerRadius="3">
                            <Border.BitmapEffect>
                                <OuterGlowBitmapEffect Opacity="0.7" GlowSize="0" GlowColor="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(Button.Background).(SolidColorBrush.Color)}" />
                            </Border.BitmapEffect>
                            <Border.Background>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1.5">
                                    <GradientBrush.GradientStops>
                                        <GradientStopCollection>
                                            <GradientStop Color="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(Button.Background).(SolidColorBrush.Color)}" Offset="0"/>
                                            <GradientStop Color="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(Button.Background).(SolidColorBrush.Color)}" Offset="0.4"/>
                                            <GradientStop Color="#FFF" Offset="1"/>
                                        </GradientStopCollection>
                                    </GradientBrush.GradientStops>
                                </LinearGradientBrush>
                            </Border.Background>
                            <!--前景色及边框-->
                            <Border x:Name="fore" BorderThickness="1" CornerRadius="3" BorderBrush="#5555">
                                <Border.Background>
                                    <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                        <GradientBrush.GradientStops>
                                            <GradientStopCollection>
                                                <GradientStop Color="#6FFF" Offset="0.5"/>
                                                <GradientStop Color="#1111" Offset="0.51"/>
                                            </GradientStopCollection>
                                        </GradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Border.Background>
                                <!--按钮内容-->
                                <ContentPresenter x:Name="content" HorizontalAlignment="Center" VerticalAlignment="Center" Content="{TemplateBinding  Content}">
                                    <ContentPresenter.BitmapEffect>
                                        <DropShadowBitmapEffect Color="#000" Direction="-90" ShadowDepth="2" Softness="0.1" Opacity="0.3" />
                                    </ContentPresenter.BitmapEffect>
                                </ContentPresenter>
                            </Border>
                        </Border>
                        <!--触发器-->
                        <ControlTemplate.Triggers>
                            <!--鼠标移入移出-->
                            <Trigger Property="IsMouseOver" Value="True">
                                <Trigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation To="6" Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />
                                            <ColorAnimation To="#AFFF" BeginTime="0:0:0.2" Duration="0:0:0.2" Storyboard.TargetName="fore" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                            <ColorAnimation To="#3FFF" BeginTime="0:0:0.2" Duration="0:0:0.2" Storyboard.TargetName="fore" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.EnterActions>
                                <Trigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />
                                            <ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="fore" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                            <ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="fore" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.ExitActions>
                            </Trigger>
                            <!--按钮按下弹起-->
                            <Trigger Property="IsPressed" Value="True">
                                <Trigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation To="3" Duration="0:0:0.1" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />
                                            <ColorAnimation To="#3AAA" Duration="0:0:0.1" Storyboard.TargetName="fore" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                            <ColorAnimation To="#2111" Duration="0:0:0.1" Storyboard.TargetName="fore" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.EnterActions>
                                <Trigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Duration="0:0:0.1" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />
                                            <ColorAnimation Duration="0:0:0.1" Storyboard.TargetName="fore" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                            <ColorAnimation Duration="0:0:0.1" Storyboard.TargetName="fore" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.ExitActions>
                            </Trigger>
                            <!--按钮失效-->
                            <Trigger Property="IsEnabled" Value="False">
                                <Setter Property="Foreground" Value="#B444"/>
                                <Trigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation To="0" Duration="0:0:0.3" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />
                                            <DoubleAnimation To="1" Duration="0:0:0.1" Storyboard.TargetName="content" Storyboard.TargetProperty="(ContentPresenter.BitmapEffect).(DropShadowBitmapEffect.Opacity)" />
                                            <DoubleAnimation To="-135" Duration="0:0:0.1" Storyboard.TargetName="content" Storyboard.TargetProperty="(ContentPresenter.BitmapEffect).(DropShadowBitmapEffect.Direction)" />
                                            <ColorAnimation To="#FFF" Duration="0:0:0.3" Storyboard.TargetName="content" Storyboard.TargetProperty="(ContentPresenter.BitmapEffect).(DropShadowBitmapEffect.Color)" />
                                            <ColorAnimation To="#D555" Duration="0:0:0.3" Storyboard.TargetName="fore" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" />
                                            <ColorAnimation To="#CEEE" Duration="0:0:0.3" Storyboard.TargetName="fore" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                            <ColorAnimation To="#CDDD" Duration="0:0:0.3" Storyboard.TargetName="fore" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.EnterActions>
                                <Trigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Duration="0:0:0.1" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />
                                            <DoubleAnimation Duration="0:0:0.1" Storyboard.TargetName="content" Storyboard.TargetProperty="(ContentPresenter.BitmapEffect).(DropShadowBitmapEffect.Opacity)" />
                                            <DoubleAnimation Duration="0:0:0.1" Storyboard.TargetName="content" Storyboard.TargetProperty="(ContentPresenter.BitmapEffect).(DropShadowBitmapEffect.Direction)" />
                                            <ColorAnimation Duration="0:0:0.1" Storyboard.TargetName="content" Storyboard.TargetProperty="(ContentPresenter.BitmapEffect).(DropShadowBitmapEffect.Color)" />
                                            <ColorAnimation Duration="0:0:0.1" Storyboard.TargetName="fore" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" />
                                            <ColorAnimation Duration="0:0:0.1" Storyboard.TargetName="fore" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                            <ColorAnimation Duration="0:0:0.1" Storyboard.TargetName="fore" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.ExitActions>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

第二个步骤是在自己定义类的xaml文件里写

吕世良
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
在WPF中做出透明按钮
11-14
在Microsoft Expression Blend中做的透明按钮，可以应用到Visio Stdio2010 中去，添加资源字典，然后引用即可，在WPF界面中引用样式，会比较炫酷！
wpf入门资料(wpf button 透明样式)
03-14
通过该简单的例子可以学习如何设置wpf按钮的透明的样式
【Qt样式（qss）-2】使用小结（软件换肤，比如暗黑模式）
大橘子的博客
12-28 2244
Qt style sheet（qss）跟前端技术一样，就是为了美化界面。我已经用qss实现了换肤机制。解决了一些问题：如样式导致按钮自适应文本，QTabWidget的白边框，表格，菜单等。
WPF通过修改Background的Alpha从而设置透明背景颜色
最新发布
qq_42399932的博客
06-11 435
在WPF开发中，直接使用`Opacity`设置控件的透明度会影响其子控件的透明度。为了解决这个问题，可以通过修改颜色的Alpha值实现设置透明度。这里给出两个方法实例，通过使用Converter或者通过使用附加属性。
wpf按钮透明圆角
01-17
wpf圆形按钮，圆角按钮，透明按钮，玻璃按钮，水晶按钮，带阴影按钮，立体按钮
WPF制作透明按钮
3NG
11-27 1552
  使用Blend的强大功能制作透明按钮！详细
【 WPF 】重写按钮样式--透明按钮
Nick大帅仔 的博客
10-18 1414
样式代码 &lt;Style x:Key="btnTransparentStyle" TargetType="Button"&gt; &lt;Setter Property="Width" Value="130"/&gt; &lt;Setter Property="Height" Value="46&quot
WPF微信聊天和通讯录按钮样式代码分享
09-01
在本文中，我们将深入探讨如何在WPF（Windows Presentation Foundation）中创建类似微信聊天和通讯录的按钮样式。WPF是.NET框架的一部分，用于构建桌面应用程序，它提供了丰富的图形渲染能力，包括自定义UI元素和...
WPF 图片滑动轮播，按钮滑动，左右滑动，下标点击定位
08-05
这可以通过`DataTemplate`完成，定义每张图片的显示样式，包括边框、阴影、透明度效果等。同时，可以定义`ControlTemplate`来定制滑动按钮和下标。 4. **动画效果**：为了让轮播有平滑的过渡效果，我们可以利用WPF...
WPF弹出半透明遮罩
12-22
总的来说，创建WPF半透明遮罩涉及的主要知识点包括：WPF窗口和控件的创建、样式设置（如透明度、大小和位置）、事件处理以及可能的动画操作。通过这些技术，我们可以构建出灵活且具有专业感的用户界面。对于初学者来...
WPF开发教程，WPF经典教程
12-02
9. **命令和事件**: 命令模式在WPF中被广泛使用，它将业务逻辑与UI操作分离，事件处理则允许对用户交互作出响应。 10. **数据验证和错误提示**: WPF提供了内置的数据验证机制，允许开发者自定义验证规则，并通过...
WPF透明六角六边形按钮
04-05
WPF，六边形按钮，透明按钮，鼠标经过闪烁，鼠标点击闪烁
WPF水珠效果按钮组的实现教程
10-18
下面小编就为大家分享一篇WPF水珠效果按钮组的实现教程，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
WPF实现窗体中的悬浮按钮
08-26
主要为大家详细介绍了WPF实现窗体中的悬浮按钮，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Wpf Button样式例子
hsg77的专栏
05-19 8339
Resources/Button.xaml-------------------------------------------------http://schemas.microsoft.com/winfx/2006/xaml/presentation"                    xmlns:x="http://schemas.microsoft.com/winfx/2006
[WPF] button按键的透明设置
dwp10000的博客
02-13 4166
WPF 如何将button始终设置为透明色，实际效果如下： button为透明效果的设定，需要先将button的背景设置为透明，然后在鼠标移动到button上之后也设置为透明； 具体方法如下： 1，在MainWindow.xaml中添加自定义style功能； <Window.Resources> <Style x:Key="MyButton" TargetType="Button"> <Setter Property="Template
清空WPF自带样式，以及透明按钮
weixin_30851409的博客
01-09 58
　空样式按钮 <Stylex:Key="EmptyButtonStyle"TargetType="Button"><SetterProperty="Padding"Value="0"/><SetterProperty="FocusVisualStyle"Value="{x:Null}"/>...
WPF 添加右键菜单 自定义透明控件
weixin_33950035的博客
11-24 249
WPF 添加右键菜单 自定义透明控件 <!--点击右键菜单--> <UserControl.ContextMenu> <ContextMenu> <MenuItem Header="修改个人资料" /> <...
wpf 设置无边框的透明button
weixin_43632687的博客
09-15 1616
一定要重写Template <!--地图定位按钮的样式--> <Style TargetType="Button" x:Key="maplocation"> <Setter Property="BorderThickness" Value="0"/> <Setter Property="Background" Value="Transparent"/> <Setter Property="T
wpf炫酷旋转按钮样式
06-05
旋转按钮样式是一种常见的WPF样式之一，它可以让按钮在被点击时旋转，显示出极具视觉冲击力的效果。以下是几个实现思路： 1. 用WPF的内置动画功能，在按钮被点击时添加一个动画效果使得按钮旋转。 2. 利用WPF的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值