Question

道歉，如果我错了，我正在使用C＃和XAML开发metro应用程序，我们都知道我们可以使用以下代码在metro应用程序中创建底部应用程序栏

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

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

Answer 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＃by

执行此操作

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

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

Answer 2

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

Answer 3

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

使用图像创建应用程序栏按钮实际上非常痛苦，因为由于某些未知原因，此xaml堆栈的开发人员不包括Opactiy Mask，因此您将需要多个图像。我建议坚持使用字形。

使用C＃和XAML在metro应用中自定义底部应用栏

3 个答案: