Windows 8开发 ApplicationBar的图标与对应的Unicode编码

wss1051

　　首先先来认识一下ApplicationBar中的图标：

　　与WP7的ApplicationBar的图标样式很像，但是，他们的实现方式却是不同的。WP7的ApplicationBar的按钮图标来源于固定大小的背景透明的图片，而在Win8中，尽管也可以按照WP7的方式自定义Button，但是考虑到各种设备的屏幕分辨率不同（WP7开发时主要只需要考虑800*480），用图片无法完美适配，所以使用了Segoe UI Symbol字体来对特定的Unicode字符进行绘制。
　　在Windows 8应用商店APP开发时，新建一个APP默认会在common/StandardStyles.xaml文件内加入各种通用的样式，其中ApplicationBar的样式也被包含在内，如下：


AppBarButtonStyle













































































　　可以注意到，在AppBarButtonStyle下面，已经默认创建了一些常用的样式，每个样式的区别就是Content的Value的值。








　　观察一下不难发现，所有的这些Content Value全是Unicode字符串。这些都很简单。在之前的开发中，我遇到的一个问题就是默认创建的这些Style太少满足不了整个App的需求，需要一些其他的图标如倾斜、下划线等等，可是，从哪儿去找这些图标对应的Unicode编码呢？
    按快捷键Win+R，输入charmap.exe，打开字符映射表，将字体选择为Segoe UI Symbol，然后将内容的滚动条滑动到偏下的位置（常用的图标为E开头的），如图，选择需要的图标，在窗口左下角就会显示出该图标对应的Unicode编码。

　　
　　

锦燕云微博 http://www.weibo.com/jinyanyun http://www.iyunv.com/vistach/archive/2012/10/24/Windows8_Win8_WinRT_MetroStyleApps_ModernUIApps_ApplicationBar_Icon_SegoeUISymbol.html