立体感按钮

最新推荐文章于 2024-07-08 14:18:42 发布
最新推荐文章于 2024-07-08 14:18:42 发布
阅读量464 收藏 1
点赞数
分类专栏： WPF
原文链接：https://www.cnblogs.com/zhidanfeng/p/7224892.html?utm_source=itdadao&utm_medium=referral
版权

<Style TargetType="ToggleButton">

    <Setter Property="Template">

        <Setter.Value>

            <ControlTemplate TargetType="ToggleButton">

                <Border BorderBrush="#EFEFEF" BorderThickness="6" CornerRadius="35">

                    <Border.Background>

                        <LinearGradientBrush StartPoint="0.5, 0" EndPoint="0.5, 1">

                            <GradientStop Offset="0" Color="#E24E59" />

                            <GradientStop Offset="0.1" Color="#FA5A62" />

                            <GradientStop Offset="0.9" Color="#FA5A62" />

                            <GradientStop Offset="1" Color="#E24E59" />

                        </LinearGradientBrush>

                    </Border.Background>

                    <Grid>

                        <Grid.ColumnDefinitions>

                            <ColumnDefinition Width="auto" />

                            <ColumnDefinition Width="*" />

                        </Grid.ColumnDefinitions>

                        <Grid Width="110" Margin="0" HorizontalAlignment="Left">

                            <Border Margin="-0.5" CornerRadius="32">

                                <Border.Effect>

                                    <DropShadowEffect BlurRadius="20" Direction="270" Opacity="0.6" ShadowDepth="2"

                                                      Color="Brown" />

                                </Border.Effect>

                                <Border.Background>

                                    <LinearGradientBrush StartPoint="0.5, 0" EndPoint="0.5, 1">

                                        <GradientStop Offset="0" Color="#F7F7F7" />

                                        <GradientStop Offset="1" Color="#D2D2D2" />

                                    </LinearGradientBrush>

                                </Border.Background>

                            </Border>

                            <Border Width="30" Height="30" Margin="0,0,10,0" HorizontalAlignment="Right"

                                    BorderThickness="5" CornerRadius="100">

                                <Border.Background>

                                    <RadialGradientBrush GradientOrigin="0.5, 0.5">

                                        <GradientStop Offset="0" Color="#FA5A62" />

                                        <GradientStop Offset="0.55" Color="#FA5A62" />

                                        <GradientStop Offset="1" Color="#E24E59" />

                                    </RadialGradientBrush>

                                </Border.Background>

                                <Border.BorderBrush>

                                    <LinearGradientBrush StartPoint="0.5, 0" EndPoint="0.5, 1">

                                        <GradientStop Offset="0" Color="#CBD5D1" />

                                        <GradientStop Offset="1" Color="#EFEFE1" />

                                    </LinearGradientBrush>

                                </Border.BorderBrush>

                            </Border>

                        </Grid>

                        <TextBlock Grid.Column="1" Text="OFF" HorizontalAlignment="Center" VerticalAlignment="Center"

                                   Foreground="#BE3A3A"/>

                    </Grid>

                </Border>

            </ControlTemplate>

        </Setter.Value>

    </Setter>

</Style>

1

2

3

4

5

<Grid Background="#222222">

    <Viewbox Width="400">

        <ToggleButton Width="190" Height="70" />

    </Viewbox>

</Grid>

savagelin
关注
专栏目录
WPF实现超酷样式按钮
12-31
WPF实现超酷样式按钮
css实现立体感按钮
09-06
单纯的css代码，实现漂亮的按钮。 两种按钮，颜色有过渡捎带立体效果 兼容IE, Firefox 3.6, Chrome, and Safari 有鼠标滑过和点击的特效
在WPF中创建受“英雄联盟”启发的播放按钮
最新发布
寒冰屋的专栏
07-08 53
本文重点介绍利用WPF功能创建通用用户界面组件的过程，并提供了开源开发的新视角。本文还探讨了高级WPF功能（如动画和触发器），以增强用户交互体验。
wpf 实现3D按钮
大黄鸭在发光的专栏
01-11 1033
wpf 实现3D按钮
漂亮的WPF按钮样式，水晶效果
08-16
是用样式实现更改WPF默认按钮外观，效果很棒。
一个立体的按钮 控件模板
weixin_41619400的博客
09-21 695
&lt;!--操作设备按键模板--&gt;         &lt;ControlTemplate x:Key="ButtonControlTemplate1" TargetType="{x:Type Button}"&gt;             &lt;Grid&gt;                 &lt;Grid.ColumnDefinitions&gt;       ...
css3实习立体感按钮
05-19
CSS3可以实现很多炫酷的效果，其中包括立体感按钮。下面是一个简单的实现方法： HTML代码： ``` 立体按钮 ``` CSS代码： ``` .btn { display: inline-block; position: relative; padding: 10px 20px; ...
立体感按钮PSD素材
10-31
按钮PSD素材。两个颜色素材。全部可编辑
CSS实现有立体感的横向按钮式菜单效果代码
09-25
本示例中，我们将探讨如何使用CSS实现一个具有立体感的横向按钮式菜单，这种菜单在鼠标悬停时会呈现出强烈的3D效果。通过巧妙地利用CSS的`hover`属性和`border`边框设置，我们可以创建出这种效果，而无需依赖...
HTML5/CSS3 3D立体功能按钮 超酷CSS3按钮
08-23
之前我们分享过很多精彩的CSS3按钮，像这款纯CSS3 3D牛奶样式按钮，非常酷，还有这款CSS3发光社会分享按钮，也挺...今天要分享的这款CSS3 3D按钮十分大气，按钮在点击的时候也有立体的效果，非常酷的一款CSS3 3D按钮。
WPF中制作立体效果的文字或LOGO图形
热门推荐
祝紫山（大可山人）博客[GDI+,WPF, .Net图形图像]
04-20 1万+
较久之前，我曾写过一篇：“WPF绘制党徽(立体效果,Cool) ”的博文。有感兴趣的朋友来EMAIL问是怎么制作的？本文解决此类问题。有时，为了美观的需要，我们可能需要在应用程序中制作一些看上去很酷的3D效果，比如下面的效果：这是一种立体的纯文字效果，或许你可以在网上找到相关工具自动生成图片，但如果是需要生成矢量的XAML图形文件，这样的工具少之又少。关于3D文字的问题，你可以参见大名鼎鼎的Cha
在WPF中做出透明按钮
11-14
在Microsoft Expression Blend中做的透明按钮，可以应用到Visio Stdio2010 中去，添加资源字典，然后引用即可，在WPF界面中引用样式，会比较炫酷！
wpf按钮透明圆角
01-17
wpf圆形按钮，圆角按钮，透明按钮，玻璃按钮，水晶按钮，带阴影按钮，立体按钮
wpf + 3d 帮你轻松实现wpf的3D效果
03-25
wpf + 3d 帮你轻松实现wpf的3D效果
Expression Blend4学习——制作WPF按钮
Waitforsniping的专栏
01-15 1214
Microsoft Expression Blend4 作为一款功能齐全的专业设计工具，利用它可以直接设计出想要的界面效果，而基本不需要编写代码。下面让我们一起来见识一下它强大的功能吧。 下面的例子就是用Expression Blend4制作WPF按钮的过程。 1.创建工程 FileNew Project，跳出如下窗口，选择WPFWPFApplication点击OK 图1 2.双击图2中红
wpf 3d立方体上的按钮
bcbobo21cn的专栏
07-02 738
wpf 3d立方体上添加按钮；
WPF中制作立体效果的文字或LOGO图形(续)
祝紫山（大可山人）博客[GDI+,WPF, .Net图形图像]
04-21 5546
上篇“WPF中制作立体效果的文字或LOGO图形”（http://blog.csdn.net/johnsuna/archive/2008/04/20/2309778.aspx ）中讲述了立体LOGO图形的制作方法。从程序开发人员的角度来讲，这样的做法是不能令人满意的。首先，费时费力效率不高；其次，完全没有通用性。那么，有没有办法通过程序首先打开用户的矢量图形文件（比如：*.AI格式），然后对这个
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值