4
回答
创建 Windows 8 RT/Metro 图标

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

为了使用里面的样式,你可以使用下面这句xaml代码,注意其中的高亮部分
<Button Style="{StaticResource RemoveAppBarButtonStyle}"/>

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

<Style x:Key="MusicAppBarButtonStyle" TargetType="Button" 
BasedOn="{StaticResource AppBarButtonStyle}">
    <Setter Property="Content" Value="&#x266B;" />
    <Setter Property="AutomationProperties.Name" Value="<Text>"/>
</Style>

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

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

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

原文链接 , OSChina.NET 原创翻译
举报
junwong
发帖于6年前 4回/3K+阅
顶部