WPF中矢量图制作和引用

WPF程序有时需要适配不同大小的屏幕,图片是像素图的话,拉伸之后会变模糊,影响美观度,因此可以考虑使用矢量图。网上找到了相应的介绍:。但是里面提到的AI插件不是很好用,相比之下,微软提供的Expression Design 4还是方便些,现在该软件已经免费,可以直接去官网下载。

1.在Expression Design 4中加载已有的*.ai矢量文件,选中需要转换的图形元素,然后点击File|Export,选择导出xaml文件即可。

WPF中矢量图制作和引用

需要注意的地方,如果*.ai文件图层中存在

WPF中矢量图制作和引用

,里面的图形元素是无法正确导出的。需要将其移出到该组外面,再选中导出即可。

2.按照上面参考链接中的例子,将导出的xaml文件中cavas部分代码复制到ControlTemplate中,如下:

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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwggzf.html