首页 > 代码库 > 关于ExpressionDesign导出矢量图形的小结1
关于ExpressionDesign导出矢量图形的小结1
网络搜集了一些关于ExpressionDesign做出一个图形并导出为图形的大作枚不胜举,但是没有找到一篇如何才能实现真正的矢量化。
下面我就做一个矢量背景图形来举例:
1、还是首先打开ExpressionDesign,并新建一个文档,如下图:
2、在工具栏中选中矩形图标,在画板中绘制一个矩形,并把矩形的圆角半径设置为20像素,设置矩形填充色为渐变填充色。
3、然后在绘制两个矩形,其中一个矩形圆角半径为20像素,另外一个圆角半径为0。记住两个矩形的高度和第一个矩形的高度保持一致。
第二个矩形怎么是斜的呢,原因为我给它设置了倾斜度,如下设置:
4、下一步就是把两个蓝色的矩形移放到一起,并用合并工具合成一个图形
5、合并后的效果如上,嗯,有点难看,设置一下合并后图形的渐变色。(我的美工技术不和专业美工比啊,嘿嘿)
6、到此设计完毕,该导出来了,导出资源作为其他界面的背景用。废话不说。
7、导出完毕,下面该是它派上用场的时候了。新建一个wpf应用程序,并添加导出的资源文件。
8、添加资源完毕,然后,打开你刚添加的Ipad.axml文件,看准了我箭头标记的地方。第一个是key标示,自己可以起个名字,第二个一定要记住把Stretch 设置为"Fill",否则在你把此资源文件作为背景文件时,会出现你不需要的效果(这个可以自己实践试试哦)。
设置完毕,然后打开app.axml文件,在资源文件添加刚才添加的资源
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="ipad.xaml"/>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
9、至此,资源文件设置大功告成。下一步就是应用了。
打开一个窗口,把其背景设置为刚添加的资源文件
大功告成了额,赶快试试吧,放大、缩小,背景被跟着窗口一块变化,不失真哦。
ExpressionDesign做矢量图形并应用至此算完毕了,下次继续研究ExpressionDesign做图形的问题。
关于ExpressionDesign导出矢量图形的小结1