C#WPF 样式按钮转换方法
![](http://cnc.qzs.qq.com/ac/b.gif)
IT的大师也好 菜鸟也好 我写的东西或许对你有一点帮助 如果你也正处于这个状态的话 那就看看吧 或许对你的UI设计产生新的亮点 我也是把每周学习心得写在这里 希望大家支持我 也对我这个“菜鸟”刚迈入IT UI行业的一点支持吧 好了 废话不多说
先简单 介绍一下 什么叫按钮样式
如果学过编程的都知道 按钮的样子 是什么样子
先简单 介绍一下 什么叫按钮样式
如果学过编程的都知道 按钮的样子 是什么样子
![](https://img-my.csdn.net/uploads/201301/29/1359438027_9990.jpg)
我想改变 按钮的样子 但是不是贴图的摸样 我们应该怎么做呢? 后面我还会介绍按钮贴图 贴图以后也可以改变按钮形状 还有按钮的边框清楚 让贴图的比自己做的按钮图还要好看 但是我还是终于自己的画的图去改变按钮的样式
首先我先介绍一个软件 就是微软公司出的专门设计图形的软件 DESGIN 这个软件可以画 你想画的图形 首先 我先在DESGIN里面画一个我想画的图形吧 我画了一个开始的按钮
![](https://img-my.csdn.net/uploads/201301/29/1359438079_5930.jpg)
然后我把画的按钮 切出来 切成XAML 注意 一定要XAML 其他的 是转变不了 按钮的样式
![](https://img-my.csdn.net/uploads/201301/29/1359438138_9629.jpg)
切完以后 在电脑桌面应该是这样的
然后单击右键 看代码
代码是这个
<Canvas xmlns="
http://schemas.microsoft.com/winfx/2006/xaml/presentation
" xmlns:x="
http://schemas.microsoft.com/winfx/2006/xaml
" x:Name="Slice_1" Width="492" Height="428" Clip="F1 M 0,0L 492,0L 492,428L 0,428L 0,0">
<Canvas x:Name="Layer_1" Width="492" Height="428" Canvas.Left="0" Canvas.Top="0">
<Ellipse x:Name="Ellipse" Width="225" Height="225" Canvas.Left="133.29" Canvas.Top="105.001" Stretch="Fill" StrokeThickness="2" StrokeLineJoin="Round" Stroke="#FFFFFFFF" Fill="#FFFF0000"/>
<Path x:Name="Path" Width="107" Height="123.553" Canvas.Left="212.421" Canvas.Top="151.948" Stretch="Fill" Fill="#FFFFFFFF" Data="F1 M 319.421,213.724L 212.421,151.948L 212.421,275.501L 319.421,213.724 Z "/>
</Canvas>
</Canvas>
代码内容懂的都懂 不懂人 也没关系 主要这个代码就是画圆和三角形 知道就行了
那么我们怎么转换代码的样式呢
首先我们要回到 我们WPF WINGDOWMAIN 窗口下 设定APP样式属性
这下面内容里面写代码 代码是定义按钮的样式的代码 怎么写呢 一会告诉你
<Style x:Key="buttonTemplate" TargetType="Button" >
<Canvas x:Name="Layer_1" Width="492" Height="428" Canvas.Left="0" Canvas.Top="0">
<Ellipse x:Name="Ellipse" Width="225" Height="225" Canvas.Left="133.29" Canvas.Top="105.001" Stretch="Fill" StrokeThickness="2" StrokeLineJoin="Round" Stroke="#FFFFFFFF" Fill="#FFFF0000"/>
<Path x:Name="Path" Width="107" Height="123.553" Canvas.Left="212.421" Canvas.Top="151.948" Stretch="Fill" Fill="#FFFFFFFF" Data="F1 M 319.421,213.724L 212.421,151.948L 212.421,275.501L 319.421,213.724 Z "/>
</Canvas>
</Canvas>
代码内容懂的都懂 不懂人 也没关系 主要这个代码就是画圆和三角形 知道就行了
那么我们怎么转换代码的样式呢
首先我们要回到 我们WPF WINGDOWMAIN 窗口下 设定APP样式属性
![](https://img-my.csdn.net/uploads/201301/29/1359438187_8515.jpg)
这下面内容里面写代码 代码是定义按钮的样式的代码 怎么写呢 一会告诉你
![](https://img-my.csdn.net/uploads/201301/29/1359438223_4728.jpg)
<Style x:Key="buttonTemplate" TargetType="Button" >