FontAwesome.UWP значок внутри кнопки

Question

Я вроде как в разработке UWP. Я сделал приложение, но теперь пришло время для изменения стилиста. Я хочу создать социальную кнопку на моей странице (Facebook, Twitter и т. Д.). Я установил ссылку FontAwesome.UWP из пакетов Nuget.

Я вставил свою 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 специально используется для создания GlyphIcons на основе имен с использованием FontSizes (Atleast это то, что я понял из документации 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>