按钮内的 FontAwesome.UWP 图标答案

【问题标题】：FontAwesome.UWP icon inside a button按钮内的 FontAwesome.UWP 图标
【发布时间】：2016-10-14 03:18:16
【问题描述】：

我是 UWP 开发的菜鸟。我已经制作了一个应用程序，但现在是时候更换造型师了。我想在我的关于页面（Facebook、Twitter 等）中制作社交按钮。我已经从 Nuget 包中安装了 FontAwesome.UWP 参考。

例如，我插入了我的 Facebook 图标，代码如下：

<fa:FontAwesome Icon="FacebookOfficial"
                Name="facebookIcon"
                RelativePanel.Below="feedbackButton"
                Margin="10,20,0,0"
                FontSize="30"
                HorizontalAlignment="Center"
                Height="40" Width="40"/>

现在我的问题是我找不到如何将此图标绑定到按钮的内容属性。

有什么想法吗？

编辑。我在按钮内部添加了这样的：

<Button>
        <fa:FontAwesome Icon="FacebookOfficial"
                    Name="facebookIcon"
                    RelativePanel.Below="feedbackButton"
                    Margin="10,20,0,0"
                    FontSize="30"
                    HorizontalAlignment="Center"
                    Height="40" Width="40"/>
</Button>

【问题讨论】：

这非常适合我：<Button><fa:FontAwesome Icon="StackOverflow" FontSize="30"/></Button>。也许尝试删除RelativePanel.Below 属性？

标签： uwp uwp-xaml

【解决方案1】：

FontAwesome.UWP 专门用于使用 FontSizes 基于名称创建 GlyphIcons。（至少这是我从 GitHub 文档中了解到的）。

如果这是真的，您不必在FontAwesome 上设置宽度和高度，而是使用 FontSize 来获得您想要的Width 和Height。

您的RelativePanel.Below="feedbackButton" 也应该设置为Button，而不是FontAwesome。

所以您的最终按钮代码将如下所示。

<Button HorizontalAlignment="Center" VerticalAlignment="Center">
    <Button.Content>
        <fa:FontAwesome Icon="FacebookOfficial"
            Name="facebookIcon"
            FontSize="30" />
    </Button.Content>
</Button>

【讨论】：