c#简单几步实现圆角按钮

直接拖出来的按钮是这样的，很丑。

我们只需要在XAML中给他添加几行代码就可以做成圆角形状。

<Button x:Name="button" Content="按钮" FontSize="40" BorderThickness="0" HorizontalAlignment="Left" Margin="25,58,0,0" VerticalAlignment="Top" Width="472" Height="200" Foreground="White"><Button.Template><ControlTemplate TargetType="{x:Type Button}"><Border BorderThickness="1" BorderBrush="Black" CornerRadius="30" Background="{TemplateBinding Background}"><ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/></Border></ControlTemplate></Button.Template>
</Button>

属性解析：
BorderThickness：边框的大小
BorderBrush：边框的颜色
CornerRadius：圆角的大小
Background：背景颜色"{TemplateBinding Background}"：这个就是使用上面<Button>的Background属性值作为他的值
<ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/>：文字垂直居中对齐

如图：

加个渐变色

<Button x:Name="button" Content="" FontSize="40" BorderThickness="0" HorizontalAlignment="Left" Margin="25,58,0,0" VerticalAlignment="Top" Width="472" Height="200" Foreground="White"><Button.Background><LinearGradientBrush EndPoint="1,1" StartPoint="0,0"><GradientStop Color="#FFC564B8" Offset="0"/><GradientStop Color="#FFF57A7A" Offset="1"/></LinearGradientBrush></Button.Background><Button.Template><ControlTemplate TargetType="{x:Type Button}"><Border BorderThickness="1" CornerRadius="30" Background="{TemplateBinding Background}"><ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/></Border></ControlTemplate></Button.Template></Button>

如图：

一个简单好看的按钮就做好了

c#简单几步实现圆角按钮相关推荐

CSS3简单特效--animation实现流光按钮
CSS3简单特效–animation实现流光按钮在学习css3的过程中,发现很多看着炫酷的效果,利用css3的属性能很简单的实现,animation是css3动画效果中常见的属性.下面让我们了解一下 ...
php在dw中设置按钮圆角,Dreamweaver怎么用CSS制作圆角按钮?
Dreamweaver想要制作一个网页中的圆角按钮,并添加鼠标经过时变色的效果,该怎么制作呢?下面我们就来看看详细的教程. 软件名称:Adobe Dreamweaver CC 2018 V18.0 中 ...
Android开发--圆角按钮和绘制直线的实现
我们通常会觉得系统给出的按钮不够美观,这时,我们可以自己定义一个按钮,已达到自己的需求,在这里实现一个圆角按钮. 需要在drawable文件夹下新建一个xml文件,并以shape为根标签,利用如下的s ...
python人脸识别程序如何嵌入到app_只用Python就能写安卓，简单几步实现人脸识别的App...
最近闲来无事,研究研究在安卓上跑Python. 想起以前玩过的kivy技术,kivy[1]是一个跨平台的UI框架.当然对我们最有用的是,kivy可以把python代码打包成安卓App.但是由于安卓打包 ...
照片模糊怎么办？教你简单三步瞬间修复照片清晰度！
清晰度低的图片看起来比较模糊,不方便我们使用,为了快速提高图片的清晰度,我们可以借助专门的图片处理工具,只需要上传图片即可进行修复,效率很不错. 不管是网上下载的照片还是平时手机自己拍摄的相片,太模糊 ...
搭建公司内部论坛只需简单三步 1 （安装Discuz）
系列文章搭建公司内部论坛只需简单三步 1 (安装Discuz) 搭建公司内部论坛只需简单三步 2 (发布Discuz) 随着公司快速发展,人员也越来越多,但员工人数多也会带来问题, ...
简单三步搭建公司内部论坛：安装部署Discuz 1-2
系列文章简单三步搭建公司内部论坛:安装部署Discuz 1-2 简单三步搭建公司内部论坛:将论坛发布公网 2-2 随着公司快速发展,人员也越来越多,但员工人数多也会带来问题,就是小群组也越来越多.虽 ...
计算机安全更新无法卸载,出现windows 系统补丁无法卸载该怎么解决？简单几步即可解决...
电脑已经成为我们日常生活中的必备品,长期使用电脑肯定会碰到win10系统kb4034674无法卸载提示:没有成功卸载全部更新的问题,很多用户之前从未遇到win10系统kb4034674无法卸载提示:没 ...
简单两步解决Microsfot Edge浏览器打开PDF卡住的问题 - 【大鼓的电脑百科】
Hi,我是大鼓,欢迎来到[大鼓的电脑百科],这是我们的第一篇文章,希望这篇文章可以帮到你! 前言在日常使用中,有时候会遇到使用Microsoft Edge打开PDF时,Microsoft Edge会 ...

c#简单几步实现圆角按钮

c#简单几步实现圆角按钮相关推荐

最新文章

热门文章