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

最新推荐文章于 2025-07-14 15:25:09 发布
原创 最新推荐文章于 2025-07-14 15:25:09 发布 · 6.9k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#wpf #可视化工具

本文详细介绍了如何利用Ellipse控件绘制30*30的椭圆，并通过设置渐变画笔实现Button样式变化，包括鼠标悬停和点击状态的色彩过渡。教程提供了一个简单的椭圆形Button制作方法，便于根据个人喜好调整颜色，并说明了如何通过复制该Button实现批量创建。此外，文章还提供了代码示例和最终效果预览。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

先展示一下效果图

先用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.youkuaiyun.com/danding_ge/article/details/17504309

WPF自定义按钮（Blend制作，无图片）
ly1h1的博客
02-18 923
2.1 新建项目和对应的类库2.2 创建Controls 和Themes文件夹2.3 在Controls文件加内添加WPF自定义控件，CommControlButtonTest2.4 将以上Blend软件绘制的样式，复制到CommControlButtonTest的xmal文件内，注意需要修改文件的大标签格式为ResourceDictionary，总体采用这个标签来识别自定义的控件，接着将Blend软件绘制的样式内的Style复制到文件内。xmal如下</Grid></Setter>
WPF Blend 制作按钮效果
zxcvb036的博客
11-03 620
<Grid Background="#FF815151"> <Ellipse Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="100" Margin="175.263,227.368,0,0" VerticalAlignment="Top" Width="100"> <Ellipse.Effect> <DropShadowEff...
【WPF】WPF 自定义控件 实战详解，含命令实现
最新发布
songhuangong123的博客
07-14 1068
本文将围绕如何编写一个自定义控件（如带右键菜单的图片控件 `ImageView`），逐步讲解其定义、命令绑定与 ContextMenu 中常见的语法技巧。
WPF自定义控件第二 - 转盘按钮控件
weixin_30485379的博客
09-02 272
继之前那个控件，又做了一个原理差不多的控件。这个控件主要模仿百度贴吧WP版帖子浏览界面左下角那个弹出的按钮盘。希望对大家有帮助。 这个控件和之前的也差不多，为了不让大家白看，文章最后发干货。 由于这个控件和之前一篇文章介绍控件基本差不多，所以一些基本的实现点不再赘述，文本将主要介绍与这个控件功能密切相关的部分。开始正题。 剧透一下，博主后来又在WinRT（真不知道该叫什么好了...
WPF自定义控件与样式-自定义按钮（Button）
weixin_33733810的博客
04-03 484
一、前言 程序界面上的按钮多种多样，常用的就这几种：普通按钮、图标按钮、文字按钮、图片文字混合按钮。本文章记录了不同样式类型的按钮实现方法。 二、固定样式的按钮 固定样式的按钮一般在临时使用时或程序的样式比较固定时才会使用，按钮整体样式不需要做大的改动。 2.1 普通按钮-扁平化风格 先看效果： 定义Button的样式，详见代码： <Style x:Key="BtnIn...
Expression Blend创建自定义按钮
akn76920的博客
12-16 167
在 Expression Blend 中，我们可以在美工板上绘制形状、路径和控件，然后修改其外观和行为，从而直观地设计应用程序。Button按钮也是Expression Blend最常用的控件之一，在项目中扮演着重要的角色，但是我们会发现，默认外观的 Button，其实一点也不美观，也不够吸引人。 因此，在本篇文章中，我将介绍如何在Expression Blend中自定义button按...
WPF学习笔记-用Expression Blend制作自定义按钮
02-23 4690
 1.从Blend工具箱中添加一个Button,按住shift,将尺寸调整为125*125;2.右键点击此按钮，选择Edit control parts(template)>Edit a copy...3.在弹出的Create style resource对话框中，修改新按钮样式的名称 4.在左侧的Object and timeline面板中选中ContentPrese
WPF Blend 自定义控件
zxcvb036的博客
11-04 1099
#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顶部菜单案例（自定义控件\动态加载控件\自适应）
ly1h1的博客
02-09 1051
添加用户控件；
WPF中如何设置自定义控件
A_nanda的博客
03-01 1456
因此我们采取另一种方式，将Button放到一个带有CornerRadius（角半径）的容器内，Button的Height和Width与容器的Height和Width相同，不显示Button的边框，利用容器的边框显示，间接实现Button圆角的功能。倒角的半径理论上是等于正方形边长的一半，也就是元的半径。圆角按钮可以做的话，那么圆形按钮怎么做呢，其实也挺简单的只要按照圆角按钮的设置方式，只要能将包裹按钮的四个倒角加起来组成正方形就行了，说明：为方便和圆角按钮进行对比，我将两个按钮放置在一起，用分割线分开。
WPF中如何设置自定义控件（三）
A_nanda的博客
03-06 1401
左边当时想做一个不规则图形，因此在左边用包裹一个,方便后期修改，可以看到右上角和左下角都有个倒角，但是倒角的大小不一样；考略到左右分割就是两列，因此我选择了图表控件，创建了两个 ;中CornerRadius的顺序是左上、右上、右下、左下。感兴趣的话可以自己实验一下。然而实际上是可以设置四个值的，如果设置的是一个值，其实表示的是四个值是相同的，效果图同上。解析：主要是想做一个主界面，左边是菜单右边是主页内容。
blend4制作透明按钮控件模板
10-08
blend4制作透明按钮控件模板,用于WPF的触摸板的开发。
blend写的玻璃按钮
11-21
blend写的玻璃按钮。使用expression blend 4构建而成
WPF自定义用户控件一个小例子
08-04
在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中自定义用户控件。WPF是.NET Framework的一部分，用于构建丰富的桌面应用程序，而自定义用户控件则是提升应用程序可复用性和功能的关键。 ...
【翻译】用 Expression Blend 创建酷炫的 Button
weixin_30381793的博客
06-24 168
原文：Creating “Cool” Buttons with Expression Blend Author：Alex 　　在本文中，我们将考虑在Expression Blend用几种方法来创建酷炫的凝胶状按钮。如果你看到 Expression Blend 或 Visual Studio 中的 WPF 默认外观的 Button，你会发现它一点也不酷。它仍旧是过时的chrome 样子的按钮...
WPF自定义控件 按钮 （一）
sudazf的专栏
09-19 4264
从这里开始，记录WPF自定义控件的制作方法，相比制作传统winform的自定义控件来说，WPF自定义控件做起来更加优雅，效果也更好。 从最常用的控件 Button 开始： 首先从MSDN上查看 Button 控件的默认样式和模板，如下：
Microsoft Expression Blend 4制作简单的按钮
dizhengzhu1299的博客
09-04 231
在博客园混了这么久了，第一次写博客。本人标准的理工男，文笔不敢说一般，只能用还学过语文。勉强达意而已。见笑！！ 由于本人能有有限，错误之处在所难免，望大牛们批评指正，共同进步。^_^!!!!!!!!!!!!!!!!!!!!!! 觉得此篇博文对你有用，欢迎阅读，同时欢迎喜欢拍砖的同学。哥们脑袋硬。 书归正传，由于第一次写博客、加上个人技术有限，只能简单把自己曾经用的一些技术在这里做下...
WPF自定义控件与样式(10)-进度控件ProcessBar自定义样
weixin_34195364的博客
11-27 277
一．前言 　　申明：WPF自定义控件与样式是一个系列文章，前后是有些关联的，但大多是按照由简到繁的顺序逐步发布的等，若有不明白的地方可以参考本系列前面的文章，文末附有部分文章链接。 　　本文主要内容： ProcessBar自定义标准样式； ProcessBar自定义环形进度样式； 二．ProcessBar标准样式 　　效果图： 　　ProcessBar的样...
ExpressionBlend教程：WPF Button自定义样式
Boris的专栏
12-31 3437
是不是在WPF的项目中经常看到非常绚丽的按钮或者其它控件吧，现在就与大家分享一下这些东西是怎么来快速实现的，直接用XMAL写？傻瓜才会那么干！所以我们要用其它工具，当然也算是开发WPF的专业级工具。 开发工具：Expression Blend 4 Start： 打开Microsoft Expression Blend 4，新建项目，选择WPF应用程序，项目命名为“WPFStyle
在Blend中创建WPF自定义Button控件
06-11
在Blend中创建WPF自定义Button控件，可以按照以下步骤进行： 1. 打开Blend，创建一个新的WPF项目。 2. 在“项目”面板中，右键单击“控件”文件夹，选择“添加”->“新建项”。 3. 在“添加新项”对话框中，选择...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

公西雒

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

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

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

打赏作者

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

抵扣说明：

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

余额充值