最近几个朋友（非it行业的朋友）要买手机，我就问了一下：有考虑买wp7的吗。朋友：不买，wp7的界面太丑了。
当时我听了之后心里一下子凉了一大半。如果用户都这样想的话，wp7的命运真是悲剧啊。希望wp7的程序员多关注一下ui吧。用户是看不到功能代码的，如果ui进入不了他们的眼，那么何谈进入他们的心呢。
siliverlight不是winfrom，拖一个button然后写事件的方式去做应用是行不通的。
metro也是个很不错的ui方案，我也挺喜欢，但是我是不大会利用metro，尤其是用微软给提供的button做应用（其它控件还算可以）。
前几天写了天气预报的界面，里面样式很多，并没有和控件分离开来，所以显得很冗余。毕竟那时候还不是很熟悉siliverlight样式，所以只能这样做。建议代价做界面要用blend。
做过web的都知道div+css，给页面元素关联样式有三种方式：
1.内联样式表：就是在每个元素里面写style。优点就是灵活，给指定的元素添加样式。缺点是重用性很差，如果大量的元素样式相同的话，每个都要写一遍，会让重复代码很多。
2.嵌入样式表：在html页面上写一个<style></style> 代码段，然后在里面写样式表，然后用相应的类选择符或者是id选择符去给元素关联样式。优点是在很大程度上解决了样式重用的问题。缺点是样式很多时，还是会使这个页面代码很多，不便于分类。
3.外部样式表：就是把嵌入样式表<style></style> 代码段里面的内容写到一个独立的.css文件里面。然后把所需要的样式表文件关联到相应的页面去。
先上效果图：
wp7里面对元素添加效果不仅仅只是样式那么简单，而且还会有视觉状态。这里只写样式。
1.内联样式：
拖来个button，你尽情得设置里面的属性就可以了。或者是用blend右边的属性管理器设置。
2.嵌入样式：
在<phone:phoneapplicationpage.resources>标签内写样式，然后用控件去调用，代码如下
1: <phone:phoneapplicationpage.resources>
2: <style x:key="buttonstyle" targettype="button">
3: <setter property="content" value="嵌入样式"/>
4: <setter property="height" value="100" />
5: <setter property="width" value="200" />
6: <setter property="margin" value="50,170,0,0"/>
7: <setter property="foreground" value="red" />
8: <setter property="background" value="blue" />
9: <setter property="horizontalalignment" value="left" />
10: <setter property="verticalalignment" value="top" />
11: </style>
12: </phone:phoneapplicationpage.resources>
button控件调用:
<button style="{staticresource buttonstyle}"/>
3.外部样式
首先添加外表样式表文件
如果用blend添加的话,会自动把这个资源字典引入到程序。
会自动在app.xaml里面添加如下代码
1: <application.resources>
2: <resourcedictionary>
3: <resourcedictionary.mergeddictionaries>
4: <resourcedictionary source="styles/style1.xaml"/>
5: </resourcedictionary.mergeddictionaries>
6: </resourcedictionary>
7: </application.resources>
如果不是用blend的话需要自己去关联。
也可以把这个资源文件之关联到某一页面。比如之关联到mainpage.xaml那就只在本页面的<phone:phoneapplicationpage.resources>部分添加如下代码：
1: <resourcedictionary>
2:
3: <resourcedictionary.mergeddictionaries>
4:
5: <resourcedictionary source="styles/style1.xaml"/>
6:
7: </resourcedictionary.mergeddictionaries>
8:
9: </resourcedictionary>
后台动态关联资源文件并对控件绑定样式。
1: resourcedictionary resourcedictionary = new resourcedictionary();
2: application.loadcomponent(resourcedictionary, new uri("/windowsphoneapplication1;component/styles/style2.xaml", urikind.relative));
3: application.current.resources.mergeddictionaries.add(resourcedictionary);
4: this.btn1.setvalue(button.styleproperty, application.current.resources["buttonstyle2"]);
源代码下载地址：
我做的手机归属地查询应用所有的样式用的是第三种，外部样式。除了央视之外还有视觉状态。
下次的博文会介绍。
手机归属地查询源代码：
作者 韩弈风
如对本文有疑问， 点击进行留言回复！！
Windows Phone 7编程实践—推送通知(剖析推送通知实现架构)
Esri for Window Phone 7（一） 加载BingMap
浅谈ListBox在Windows Phone 7 中的使用
我要评论
网友评论