码迷,mamicode.com
首页 > 其他好文 > 详细

关于ExpressionDesign导出矢量图形的小结1

时间:2014-09-05 19:57:21      阅读:337      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   io   ar   文件   2014   问题   

网络搜集了一些关于ExpressionDesign做出一个图形并导出为图形的大作枚不胜举,但是没有找到一篇如何才能实现真正的矢量化。

下面我就做一个矢量背景图形来举例:

1、还是首先打开ExpressionDesign,并新建一个文档,如下图:

bubuko.com,布布扣

 

2、在工具栏中选中矩形图标,在画板中绘制一个矩形,并把矩形的圆角半径设置为20像素,设置矩形填充色为渐变填充色。

 

 

bubuko.com,布布扣

 

3、然后在绘制两个矩形,其中一个矩形圆角半径为20像素,另外一个圆角半径为0。记住两个矩形的高度和第一个矩形的高度保持一致。

 

bubuko.com,布布扣

 

第二个矩形怎么是斜的呢,原因为我给它设置了倾斜度,如下设置:

 

bubuko.com,布布扣

 

4、下一步就是把两个蓝色的矩形移放到一起,并用合并工具合成一个图形

bubuko.com,布布扣

 

bubuko.com,布布扣

 

5、合并后的效果如上,嗯,有点难看,设置一下合并后图形的渐变色。(我的美工技术不和专业美工比啊,嘿嘿)

 

bubuko.com,布布扣

 

6、到此设计完毕,该导出来了,导出资源作为其他界面的背景用。废话不说。

bubuko.com,布布扣

 

 

7、导出完毕,下面该是它派上用场的时候了。新建一个wpf应用程序,并添加导出的资源文件。

bubuko.com,布布扣

 

8、添加资源完毕,然后,打开你刚添加的Ipad.axml文件,看准了我箭头标记的地方。第一个是key标示,自己可以起个名字,第二个一定要记住把Stretch 设置为"Fill",否则在你把此资源文件作为背景文件时,会出现你不需要的效果(这个可以自己实践试试哦)。bubuko.com,布布扣

bubuko.com,布布扣

 

设置完毕,然后打开app.axml文件,在资源文件添加刚才添加的资源

    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="ipad.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>

9、至此,资源文件设置大功告成。下一步就是应用了。bubuko.com,布布扣

打开一个窗口,把其背景设置为刚添加的资源文件

bubuko.com,布布扣

 

大功告成了额,赶快试试吧,放大、缩小,背景被跟着窗口一块变化,不失真哦。

bubuko.com,布布扣

ExpressionDesign做矢量图形并应用至此算完毕了,下次继续研究ExpressionDesign做图形的问题。

 

 

 

 

关于ExpressionDesign导出矢量图形的小结1

标签:des   style   blog   http   io   ar   文件   2014   问题   

原文地址:http://blog.csdn.net/david_xgl/article/details/39083391

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!