入门知识（三）WPF绘图的工程应用：为按钮或自定义按钮添加矢量图作为背景，该矢量图来自Blend或Design设计的Path数据。

例1 ：Button+Drawing绑定+GeometryDrawing

功能描述：为Button添加简单的矢量图作为背景。

<Window x:Class="Drawing.Drawings"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Drawings" Height="300" Width="600"><Window.Resources><GeometryDrawing x:Key="Drawing" Brush="Yellow" ><GeometryDrawing.Pen><Pen Brush="Blue" Thickness="3"></Pen></GeometryDrawing.Pen><GeometryDrawing.Geometry><PathGeometry><PathFigure IsClosed="True" StartPoint="10,100"><LineSegment Point="100,100" /><LineSegment Point="100,50" /></PathFigure></PathGeometry></GeometryDrawing.Geometry></GeometryDrawing></Window.Resources><StackPanel Orientation="Horizontal" Margin="5"><Button Width="30" Height="30"><Image><Image.Source><DrawingImage Drawing="{StaticResource Drawing}"></DrawingImage></Image.Source></Image></Button></StackPanel>
</Window>

效果图：

例2 ：Button+Content绑定+Canvas+Path数据

功能描述：为Button添加复杂的矢量图作为背景。

<Window x:Class="Drawing.Drawings"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Drawings" Height="300" Width="600"><Window.Resources><Canvas x:Shared="False" x:Key="Drawing2" HorizontalAlignment="Center" Height="33.7549" UseLayoutRounding="False" VerticalAlignment="Center" Width="43.5"><Path Data="F1M22.75,0L19.15,5.251 0,5.25 0,28.504 0.75,28.504 7.501,10.501 35.255,10.501 35.255,0z" Fill="White" Height="28.504" Canvas.Left="0.75" Canvas.Top="0.75" Width="35.255"/><Path Clip="M0,0L43.505,0 43.505,33.755 0,33.755z" Data="M19.1,5.251C14.544,5.251 5.2,5.239 0.75,5.251 0.485,5.251 0,5.736 0,6.001L0,33.755 36.755,33.755 43.505,11.251 36.755,11.251 36.755,0 24,0C22.204,0,20.895,5.251,19.1,5.251 M24.4,0.751L35.254,0.751C35.519,0.751,36.005,1.235,36.005,1.501L36.005,11.251C36.005,11.251 15.263,11.239 8.251,11.251 7.729,11.252 6.656,12.614 6.356,13.052 3.981,16.521 1.5,29.254 1.5,29.254L0.75,29.254 0.75,6.751C0.75,6.486,1.235,6.001,1.5,6.001L19.8,6.001C21.595,6.001,22.604,0.751,24.4,0.751" Fill="#FFECBF7C" Height="33.755" Canvas.Left="0" Canvas.Top="0" Width="43.5"/></Canvas></Window.Resources><StackPanel Orientation="Horizontal" Margin="5"><Button Width="122" Height="52" Content="{StaticResource Drawing2}"/></StackPanel>
</Window>

效果图：

例3 ：Button+Content绑定+Canvas+Path数据

参考：https://www.cnblogs.com/KevinJasmine/p/5528273.html

功能描述：为Button添加复杂的矢量图作为背景。其中控件母版的ControlTemplate代码如下：

<ControlTemplate x:Key="CellPhone"><Viewbox Stretch="Uniform"><Canvas Width="20.008" Height="21.3254" Clip="F1 M 0,0L 20.008,0L 20.008,21.3254L 0,21.3254L 0,0"><Canvas  Width="800.32" Height="599.776" Canvas.Left="0" Canvas.Top="0"><Path Width="20.008" Height="21.3253" Canvas.Left="0" Canvas.Top="-3.05176e-005" Stretch="Fill" Fill="#FF2179BF" Data="..."/></Canvas></Canvas></Viewbox>
</ControlTemplate>

window窗口的Button代码如下:

<Button Name="btnCellPhone"  ToolTip="手机"><ContentControl Template="{StaticResource CellPhone}" /></Button>

入门知识（三）WPF绘图的工程应用：为按钮或自定义按钮添加矢量图作为背景，该矢量图来自Blend或Design设计的Path数据。相关推荐

X Window 程式设计入门--第三章绘图(Graphic)
http://cnpa.yzu.edu.tw/~thinker 作者:李圭烽 (Thinker; Thinker.bbs@bbs.yzu.edu.tw) (2001-06-01 20:10:00) I ...
C#/WPF入门到多项目实战开发教程1——Grid、自定义按钮模板、WPF框架中的动画
视频地址:https://www.bilibili.com/video/BV13U4y1e7fx?p=8&spm_id_from=pageDriver&vd_source=5dc01f ...
2022-08-13 零基础吉他入门知识(三) 六线谱,和弦图和爬格子的知识补充,吉他中的和弦:大三和弦的各个和弦图理解
文章目录 1.六线谱 2.和弦图(补充) 3.爬格子(补充):按照六根弦的音阶来爬格子 4.吉他中的大三和弦 4.1.C和弦 4.2.D和弦 4.3.E和弦 4.4.G和弦 4.5.A和弦 4.6.练 ...
python自学需要哪些基础知识-零基础学Python应该学习哪些入门知识及学习步骤安排...
众所周知,Python以优雅.简洁著称,入行门槛低,可以从事Linux运维.Python Web网站工程师.Python自动化测试.数据分析.人工智能等职位!就目前来看,Python岗位人才缺口高达4 ...
python自学步骤-零基础学Python应该学习哪些入门知识及学习步骤安排
众所周知,Python以优雅.简洁著称,入行门槛低,可以从事Linux运维.Python Web网站工程师.Python自动化测试.数据分析.人工智能等职位!就目前来看,Python岗位人才缺口高达4 ...
学python需要什么基础-零基础学Python应该学习哪些入门知识及学习步骤安排
众所周知,Python以优雅.简洁著称,入行门槛低,可以从事Linux运维.Python Web网站工程师.Python自动化测试.数据分析.人工智能等职位!就目前来看,Python岗位人才缺口高达4 ...
计算机维修的入门知识
一.电脑的基本组成计算机硬件系统:电脑一般由主机,显示器,输入设备(键盘鼠标等)组成. 主机:主机中一般包含主板,CPU,内存,硬盘,声卡,显卡,网卡,CD-ROM等. CPU是电脑的核心部分,CP ...
平心在线计算机维修的入门知识
一.电脑的基本组成计算机硬件系统:电脑一般由主机,显示器,输入设备(键盘鼠标等)组成. 主机:主机中一般包含主板,CPU,内存,硬盘,声卡,显卡,网卡,CD-ROM等. CPU是电脑的核心部分,CP ...
港股交易软件重要吗？有哪些港股交易入门知识需要掌握
港股市场是全球最有效率.最公平.最成熟的证券市场之一:拥有全方位的金融服务体制,同时具备高度严格.规范的监管法律体系,信息披露制度等明显强于其他市场,有效地保护了广大投资者及中小股的权益.除此之外,有 ...

入门知识（三）WPF绘图的工程应用：为按钮或自定义按钮添加矢量图作为背景，该矢量图来自Blend或Design设计的Path数据。

入门知识（三）WPF绘图的工程应用：为按钮或自定义按钮添加矢量图作为背景，该矢量图来自Blend或Design设计的Path数据。相关推荐

最新文章

热门文章