使用 C# 和 XAML 在 Metro 应用程序中自定义底部应用程序栏答案

【问题标题】：Custom Bottom app bars in metro app using C# and XAML使用 C# 和 XAML 在 Metro 应用程序中自定义底部应用程序栏
【发布时间】：2013-05-30 00:03:00
【问题描述】：

抱歉，如果我错了，我正在使用 C# 和 XAML 开发 Metro 应用程序，众所周知，我们可以使用以下代码在 Metro 应用程序中创建底部应用栏

<Button x:Uid="Uploadall" x:Name="BTNUpload" AutomationProperties.Name="upload all" Style="{StaticResource UploadAppBarButtonStyle}" />

这将在底部应用栏中创建一个“全部上传”按钮，我的问题是如何创建一个带有我自己的图像的自定义应用栏，通过这个link我知道我们可以自定义它，可以任何人解释我如何自定义应用程序按钮，请帮助我提前谢谢

【问题讨论】：

标签： c# xaml windows-8 windows-runtime

【解决方案1】：

我想，我找到了我们可以将 PNG 图像添加到 App 按钮的问题的答案，请检查下面的代码

<Button x:Name="BTNPintoStart" AutomationProperties.Name = "Pin to start" Style="{StaticResource AppBarButtonStyle}" FontSize="15" Click="BTNPintoStart_Click">
<Button.Content>
<Image Source="../../Resources/Assets/AppBar/appbar_pin.png"/>
</Button.Content>
</Button>

如果你想从资源中设置名称，你可以在 C# 中通过

AutomationProperties.SetName(BTNPintoStart,resourceloader.GetString("KeyName/Content"));

如果对你有用，请标记为答案，我可以对其他人有用。

【讨论】：

【解决方案2】：

有多种方法可以自定义按钮。这完全取决于您要如何自定义它。在earlier question 中，我回答了如何做到这一点，以便您可以用自己的图像表示每个按钮状态。您可以更改按钮的多个属性来自定义它，您可以通过更改其样式、模板或内容来自定义它。

【讨论】：

【解决方案3】：

默认的 AppBarButtonStyle 不使用图像，而是使用字体 gylphs（注意样式中的 Content 属性）。这个问题How to find icons for app bar in metro windows 8? 有这些图标的一些来源。

使用图像创建应用程序栏按钮实际上是一件很痛苦的事情，由于某些未知原因，此 xaml 堆栈的开发人员没有包含 Opaciy Mask，因此您需要多个图像。我建议坚持使用字形。

【讨论】：