Windows Store apps开发[29]使用Blend设计ButtonStyle

注：本文由BeyondVincent(破船)原创首发

        转载请注明出处：BeyondVincent(破船)@DevDiv.com

 本这篇文章中，我将向大家介绍如何使用Blend for Visual Studio来设计ButtonStyle。 Blend for Visual Studio 为我们提供了一款可视化工具集，可以充分利用 Windows 8 全新而美观的界面。 Blend 在UX设计方面强大的功能，如编辑UI、动画、模板等。在实际开发中，Blend与Visual Studio搭配使用，以达到事半功倍之效果。

    今天我介绍的内容很简单,就是如何自定义Button选中状态的背景色....当然,利用Blend还可以实现更丰富的功能,我在这里,仅起抛砖引玉的作用.

    最后，附上代码工程

1、打开Blend for Visual Studio，如下图,我已经将Blend pin到了我的开始画面中.

2、在程序启动完后，根据向导创建一个项目,如下,我创建了一个名为MyButtonStyle的项目

3、创建好后的界面

4、在画面中，添加一个Button按钮，如下图

5、进入模板编辑模式

菜单中的 对象->编辑模板->编辑副本

根据提示，输入名称，如下图

6、如下图把,设置按钮press状态的背景色(同样方法,我也设置了normal状态的背景色)

7、设置好之后,在下面图中看到,相关资源和button

8、将创建好的资源copy至VS需要使用的xaml中

9、运行效果(normal和press状态两个图)

代码在这里下载