WPF/Blend4之自定义控件——制作自己的Button

最新推荐文章于 2026-05-05 05:44:37 发布
原创 最新推荐文章于 2026-05-05 05:44:37 发布 · 7k 阅读 · 6 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#wpf #可视化工具
本文详细介绍了如何利用Ellipse控件绘制30*30的椭圆，并通过设置渐变画笔实现Button样式变化，包括鼠标悬停和点击状态的色彩过渡。教程提供了一个简单的椭圆形Button制作方法，便于根据个人喜好调整颜色，并说明了如何通过复制该Button实现批量创建。此外，文章还提供了代码示例和最终效果预览。

先展示一下效果图

先用Ellipse控件画一个30*30的椭圆，找到画笔属性Fill，选择下面的渐变画笔，左下角选择径向渐变，起始颜色设成#FFFF0000，结束颜色设成#FFFFC8C8


右键点Ellipse选择构成控件


选择Button，确定，进入Button样式的编辑

找到触发器选项卡，选上IsMouseOver（鼠标悬停）


修改右侧画笔渐变色起始值为#FFFF3232，结束值为#FFFFFFFF

再选上IsPressed（鼠标点击），修改渐变色起始值为#FFC80000，结束值为#FFFFFFFF

然后点击设计器上方Button，返回窗口设计器视图


找到Button的公共属性中Content，左键点击其右侧的白色小方块，选择重置


再把公共属性Focusable设置成false


一个简单的椭圆形小Button就做好了，可能颜色不是很好看，大家可以根据自己的喜好设计Fill颜色；如果需要多个按钮，只需要复制这个Button即可。


如需转载请注明出处：http://blog.csdn.net/danding_ge/article/details/17504309

WPF弹出椭圆对话框实例
09-20
WPF弹出椭圆对话框实例
Blend创建一个自定义按钮
jazywoo_在路上
03-30 4209
本笔记涉及内容： 1.在Expression Blend创建一个自定义按钮 2.为定制控件增加视觉状态效果 3.创建横幅文本的动画 1 在Expression Blend创建一个自定义按钮一般而言，Silverlight控件会把它们的逻辑与用模板生成的视觉外观进行分离。一个ControlTemplate 指定了一个空间的可视结构和视觉化行为。您可以通过更改ControlTemp 　　本笔
Expression Blend创建自定义按钮
akn76920的博客
12-16 199
在 Expression Blend 中，我们可以在美工板上绘制形状、路径和控件，然后修改其外观和行为，从而直观地设计应用程序。Button按钮也是Expression Blend最常用的控件之一，在项目中扮演着重要的角色，但是我们会发现，默认外观的 Button，其实一点也不美观，也不够吸引人。 因此，在本篇文章中，我将介绍如何在Expression Blend中自定义button按...
别再手动敲命令了！用这个脚本一键搞定Linux服务器上的Anaconda3-2022.10安装与环境配置
最新发布
weixin_30599769的博客
05-05 270
本文介绍了一个自动化Shell脚本，能够一键完成Linux服务器上Anaconda3-2022.10的安装与环境配置，大幅提升运维效率。脚本支持自动下载、校验、安装及环境变量配置，适用于企业、教育机构等多场景批量部署，将原本15分钟的手动操作缩短至3分钟内完成。
WPF创建不规则形状的按钮
xixifather的博客
05-10 1451
在WPF中用到不规则形状的按钮的时候一般是使用下载visual studio时自带的的blend for studio。 Blend是一款方便的UI设计工具，将它与WPF结合使用，可以实现很多静态或者动态的UI效果，在这里介绍一个简单的小应用，不规则的的按钮如何创建。 首先，创建新工程，这时候的主界面是这样的：     创建不规则形状的按钮的话，首先是用右侧的钢笔工具在设计器中...
Blend 设置一个圆形的按钮
时意
12-11 850
1）画一个圆形 右击构成控件 3）选择button 当然如果想做成别的控件 都可以 4）我们有了一个button 5）做动画 6）定义触发器 7）定义事件 效果 ...
ExpressionBlend教程：WPF Button自定义样式
Boris的专栏
12-31 3484
是不是在WPF的项目中经常看到非常绚丽的按钮或者其它控件吧，现在就与大家分享一下这些东西是怎么来快速实现的，直接用XMAL写？傻瓜才会那么干！所以我们要用其它工具，当然也算是开发WPF的专业级工具。 开发工具：Expression Blend 4 Start： 打开Microsoft Expression Blend 4，新建项目，选择WPF应用程序，项目命名为“WPFStyle
Blend制作TextButton和ImageButton
04-26 303
最近看了几个高人做的软件界面（http://kaodigua.net/），羡慕嫉妒到不行，决定学习一下Blend的用法，马上觉得WPF开发的界面设计就应该放在Blend里面做。学习了两位大神的博客（http://www.cnblogs.com/jv9/archive/2010/04/11/1709527.html和http://www.cnblogs.com/kaodiguaBlend的工具条跟P...
WPF中Canvas绘图图标
力先生C#程序开发
02-17 2165
WPF中没有绘画工具，只有属性配置和编写代码去绘制，要像CorelDraw那样作图可以转到Blend去做。课件从CorelDraw中做好图片，用Blend描绘出来，最后对绘画出来的图标进行调试。结论是WPF绘画控件图标做出来是符合预期的，比CorelDraw画图和像素画图工具更好。应该是WPF的像素可以设置到小数点后多位，实现了矢量画图。我们可以结合CorelDraw和WPF画出理想的图标和界面。
WPF Blend 制作按钮效果
zxcvb036的博客
11-03 688
<Grid Background="#FF815151"> <Ellipse Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="100" Margin="175.263,227.368,0,0" VerticalAlignment="Top" Width="100"> <Ellipse.Effect> <DropShadowEff...
利用Blend制作一个简单的用户控件外观
分享经验，共同进步.
04-05 4886
<br />     在Silverlight应用开发中，可以自定义各种类型的用户控件，只要是你能够想到的，就可以用Blend来绘制出来，这里介绍一个最简单的案例，主要是提示框的外观制作。<br /> <br />1、打开Blend4，新建一个项目，如下图：<br /><br /> <br />2、从工具箱中拖放一个Rectangle控件到工作区中，如下图<br /><br /> <br />3、修改Rectangle的边框颜色，以及RadiusX和RadiusY以及StrokeThickness属性值<b
C# WPF Blend 按钮样式设置
雪梅暗香无人寻，酒淳巷深待君知
07-17 1394
最近学习WPF研究了一下关于按钮样式设置 第一次编辑样板选择编辑副本 IsMouseOver=True设置鼠标经过时候 我们这里将背景设置为我们的图片 前景色设置为无，透明度为80 然后我们设置鼠标按下以后Is=Pressed=True 设置缩放将大小设置为1.1 最后贴上代码 <ControlTemplate Targe...
【WPF】使用ControlTemplete制作圆形按钮并添加动画效果
weixin_45125631的博客
09-14 1296
例如，如果在应用程序定义 XAML文件的根元素中声明模板，则该模板可以在应用程序中的任何位置使用。换言之，设置控件属性后，该值将传递到包含 TemplateBinding 的元素。接下来，在控件模板的 根中，添加 <VisualStateManager.VisualStateGroups>，其中包含 CommonStates 的 VisualStateGroup。请注意，Ellipse 元素的 Fill 和 Stroke 属性绑定到了控件的 Foreground 和 Background 属性。
C# WPF入门学习（四）—— 按钮控件
weixin_56595425的博客
05-26 2917
本文首先介绍了在Visual Studio 2019中通过两种方式创建WPF按钮的方法：一是直观地利用工具箱拖放按钮控件；二是直接在XAML代码编辑器中编写代码定义按钮。文章重点聚焦于XAML语言的应用，详细解析了构建WPF界面的基本元素和结构，特别是针对按钮控件的定制化设计。
WPF Blend 自定义控件
zxcvb036的博客
11-04 1170
#1.使用Blend 设计控件 <UserControl x:Class="WpfApp25.UserControl1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.open...
WPF自定义漂亮的按钮样式
微软新技术
05-02 5567
首先打开 Microsoft Visual Studio 2008 ，新建一个WPF项目，在上面随便放几个按钮：然后给各个按钮设置不同的背景颜色：设置好之后就是这样啦：然后我们就开始在 App.xaml 文件中定义按钮样式了：定义的样式代码如下：以下为引用的内容：    xmlns="http://schemas.microsoft.com/wi
WPF自定义一个圆形按钮Style
gongjungo的博客
10-23 1452
<Style x:Key="RoundedButton" TargetType="Button"> <Setter Property="Width" Value="25"/> <Setter Property="Height" Value="25"/> <Setter Property="Template"...
[原译]一步步教你制作WPF圆形玻璃按钮
weixin_33697898的博客
10-12 452
图1 1.介绍 从我开始使用vista的时候，我就非常喜欢它的圆形玻璃按钮。WPF最好的一个方面就是允许自定义任何控件的样式。用了一段时间的Microsoft Expression Blend后。我做出了这个样式。我觉得做的还行。因为。我决定分享。如我所说。我使用Microsoft Expression Blend来做。但是。我也是用XAML编辑器--Kaxaml。 2.概述 ...
Blend4精选案例图解教程（四）：请给我路径指引
weixin_34009794的博客
09-10 184
路径在界面设计中，可以起到很好的辅助作用，我常常使用它来对元素进行规则排列和非规则排列控制。 本次教程将演示，Blend中路径的常规用法。 1、新建项目，在默认设计视图中添加一个椭圆（Elipse），按住Shift键可以画圆 视图树设计视图 2、从绘制的圆中提取路径，右键点击圆，弹出的窗口选择Path-Make Layout Path，在视图树中显示为PathListBox，这就是我们需...
【翻译】用 Expression Blend 创建酷炫的 Button
weixin_30381793的博客
06-24 214
原文：Creating “Cool” Buttons with Expression Blend Author：Alex 　　在本文中，我们将考虑在Expression Blend用几种方法来创建酷炫的凝胶状按钮。如果你看到 Expression Blend 或 Visual Studio 中的 WPF 默认外观的 Button，你会发现它一点也不酷。它仍旧是过时的chrome 样子的按钮...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

公西雒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值