h0945466 发表于 2015-5-20 11:37:25

新手向--使用XAML画出Win8风格图标的照相机,小姐你相机~~

  今天看了一篇 博客 ,发现了 ModernUI ,用VS2012打开源码,发现微软好多按钮都不是图片,而是画出来的,甚至还有一些文字,不知道这么做有什么好处,感觉很蛋疼,可能是我境界不够,哈哈。
  比如一个照相机,微软的代码如下:
  


View Code



  我纠结好半天人家是怎么画出来的,打开我的Blend怎么画做不到一个Path搞定,钻了半天牛角尖,才想起来组合一个不就行了吗?何必非要画了....原来蛋疼的是我,不是微软....
  组装相机我就需要画机身(圆角矩形)、闪光灯(椭圆)、镜头(圆环)、取景器(圆角矩形)。分别画出来:


View Code






  开始组装,先把取景器和机身放一起,然后在Blend上对象-合并-相并,搞定之后,把镜头和闪光灯放上去,全选,对象-合并-排斥,这次组装好了,但是颜色估计没了,所以把Path里的Fill设置Black,就出来了,我也用一个Path画出来了一个相机,终于不纠结了~~~ 就是这代码怎么比人家的多呢?难道是我画的太大了?


View Code



  以后类似的图像我也学学微软用Path做,不用图片~这样看上去像高手,哈哈~~
  http://templarian.com/2011/08/06/tutorial_creating_an_icon/这是Expression Design教程
  http://modernuiicons.com/ 这是微软提供的1000多个图标,有图片有XAML有设计图
页: [1]
查看完整版本: 新手向--使用XAML画出Win8风格图标的照相机,小姐你相机~~