Question

我在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的内容属性。

有什么想法吗？

EDIT。我在按钮内添加了这样的内容：

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

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

按钮内的FontAwesome.UWP图标

1 个答案: