ycycoco 发表于 2015-5-21 08:54:16

win8应用开发之查看Button样式

  
  本篇主题
  用Blend for visual studio 2012 查看button控件的样式源码。
  1. 用Blend新建或者打开一个项目
  一般在下载和安装visual studio 2012 的时候都会自动下载和安装Blend,如果没有可以自己下载安装。
  新建或者打开项目如图所示:

  
  2. 在新建项目中添加button控件
  1. 在新项目左侧的资产中 ->选择资产中的控件 ->找到button,并将其拖到下面的grid中。

  2. 右击新建的button -> 编辑模板 -> 编辑副本 -> 在新窗口创建Style资源 ->确定


  3. 右击新建的ButtonStyle1里面的Template -> 查看源

  3. 解析这段button样式源码
  button样式的源码总共分为两个部分:1. 默认的样式设置 2.样式的模板设置,包括button里面的控件和相应的状态管理
  1. 上图中的以下代码为默认的样式设置:
  















  如果要修改默认的button样式,可以在上述位置进行修改。或者添加一些默认样式。
  2. button模板中的button内部控件。





      






      
  3. button模板中的状态变化
      







          

            

                        








          










         
























   
  上述代码定义了,button在相应状态触发时的状态改变。修改上述代码可以达到你想要button效果。
  不过在修改button样式,并达到想要的动画的时候,还是要先学习一下win8里的storyboard,即动画。
  4.扩展
  既然button控件的样式源码可以获取到。
  同样的,像ListView,GridView,CheckBox,TextBox等等所有的控件的源码都可以在Blend里面拿到。
  而且所有的样式,都分为上述3个部分。只要自己实现修改一个控件达到自己想要的效果,我想想拿下所有的控件已经不在话下了。
  最后,想要更好的效果,还是多多学学Storyboard吧。
页: [1]
查看完整版本: win8应用开发之查看Button样式