C#WPF 样式按钮转换方法
IT的大师也好 菜鸟也好 我写的东西或许对你有一点帮助 如果你也正处于这个状态的话 那就看看吧 或许对你的UI设计产生新的亮点 我也是把每周学习心得写在这里 希望大家支持我 也对我这个“菜鸟”刚迈入IT UI行业的一点支持吧 好了 废话不多说
先简单 介绍一下 什么叫按钮样式
如果学过编程的都知道 按钮的样子 是什么样子
先简单 介绍一下 什么叫按钮样式
如果学过编程的都知道 按钮的样子 是什么样子
我想改变 按钮的样子 但是不是贴图的摸样 我们应该怎么做呢? 后面我还会介绍按钮贴图 贴图以后也可以改变按钮形状 还有按钮的边框清楚 让贴图的比自己做的按钮图还要好看 但是我还是终于自己的画的图去改变按钮的样式
首先我先介绍一个软件 就是微软公司出的专门设计图形的软件 DESGIN 这个软件可以画 你想画的图形 首先 我先在DESGIN里面画一个我想画的图形吧 我画了一个开始的按钮
然后我把画的按钮 切出来 切成XAML 注意 一定要XAML 其他的 是转变不了 按钮的样式
切完以后 在电脑桌面应该是这样的
然后单击右键 看代码
代码是这个
<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样式属性
这下面内容里面写代码 代码是定义按钮的样式的代码 怎么写呢 一会告诉你
<Style x:Key="buttonTemplate" TargetType="Button" >