一总 发表于 2015-5-14 09:22:16

windows phone 7 31:5-系统主题

  原文地址:http://www.jeffblankenburg.com/post/31-Days-of-Silverlight-7c-Day-5-System-Theming.aspx
  昨天,我们已经讨论了机器的方向以及我们如何在用户转动机器时调整页面。今天,我们将会把注意力放到如何是用户更改手机主题颜色。
  黑白主题
  如果你还没有看到过,你可以更改你的手机主题从黑色变成白色,当然也可以设置为特别的颜色。这是两款主题的样式:

  特别颜色
  你的用户可以同样设置系统范围的特定颜色。系统能够允许你有十种颜色选择。这些颜色都是在启动屏幕中被广泛使用的,但是在我们的程序中起到美化作用。这是颜色列表:

  关于默认值
  当我们创建程序的时候,有时候我们想改变一些东西的颜色。我很鼓励你这样做。让他具有自己的风格。但是当你改变的越多,你越希望改变一切。我不是建议你不要使用白板黑字。我是说,如果你真的想让程序变白,你应该同样需要考虑系统在白色的系统主题下这个程序将会看起来如何。很感谢Expression Blend4,他让一切都简单。
  Expression Blend 4’s Device Tab
  首先,在ExpressionBlend中打开你的工程,最简单的方法是在Visual Studio中右键,选择“在Expression Blend”中打开

  打开以后,看下Blend头部的“Device”标签,如下:

  这个标签允许你在右侧点击从而预览不同主题和特定颜色。这些在我们自己的程序中使用颜色而言是很重要的功能。
  颜色资源
  在你准备留言说“我不是界面开发人员,用Blend何?”前,让我告诉你其实你的确可以在vs中使用更麻烦的方式来实现相同的功能。有简单的方式何乐而不为。
  WP7中有许多默认的颜色,所以你不必重写。当然,你需要首先知道这些颜色。下面的图片你可以看到PhoneAccentColor以及PhoneBackgroundColor,这些都是基于你现在的主题颜色。第一个是黑/蓝,后一个是白/橘:

  
  通过选择这些颜色,其实是让你将系统值绑定到程序中,当我们的用户改变系统设置以后,我们的程序能够立即反应变化。代码如下,你可以看到,我天减了一个矩形到我的程序中,它具有从PhoneBackgroundColor到PhoneAccentColor的颜色梯度。我同样设置了程序的标题使其利用系统颜色。

   



























  下面的来那个图片是在不同主题下的效果:
页: [1]
查看完整版本: windows phone 7 31:5-系统主题