知识屋:更实用的电脑技术知识网站
所在位置:首页 > 操作系统 > windows8

创建 Windows 8 RT/Metro 图标

发布时间:2012-08-25 19:54:39作者:知识屋

最近在研究针对 Windows 8 RT/Metro 程序的 XBMC 的远程遥控功能,偶然发现有个很有意思的API要和你们分享。对于Windows Phone,我不得亲自创建所有的图标。然而在 Visual Studio 2012 的Metro项目中,Common文件夹的StandardStyles.xaml文件已经包含了很多已经预定义好的按钮。下图展示了所有已经预定义好的样式

为了使用里面的样式,你可以使用下面这句xaml代码,注意其中的高亮部分

view source
 
print?
1 <Button Style="{StaticResource RemoveAppBarButtonStyle}"/>

 

而且更方便的是你能在程序中使用任何Segoe UI Symbol风格的图标。只需要在现有的风格上继承然后编写新的样式就可以了:

view source
 
print?
1 <Style x:Key="MusicAppBarButtonStyle" TargetType="Button"
2 BasedOn="{StaticResource AppBarButtonStyle}">
3     <Setter Property="Content" Value="&#x266B;" />
4     <Setter Property="AutomationProperties.Name" Value="<Text>"/>
5 </Style>

Content 的 Value 是决定哪一个Icon将被显示。而AutomationProperties.Name则表示按钮下方的文本。

对于Icon,你可以打开字符映射表然后找到对应的16进制码。而打开字符映射表的方法也很简单,直接在Search栏输入"character map"。然后点击弹出的第一个App(如下图)

当启动 Character map 程序,然后选择"Segoe UI symbol"字体集,接着你就可以浏览所有的Icon。只需要将鼠标移到图标上方就能看到它对应的16进制码。不过要记得将"u+"替换为"&#x"才行。如下图

(免责声明:文章内容如涉及作品内容、版权和其它问题,请及时与我们联系,我们将在第一时间删除内容,文章内容仅供参考)
收藏
  • 人气文章
  • 最新文章
  • 下载排行榜
  • 热门排行榜