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

#uwp #uwp-xaml

#uwp #uwp-xaml

Вопрос:

Я вроде как новичок в разработке 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>
        <fa:FontAwesome Icon="FacebookOfficial"
                    Name="facebookIcon"
                    RelativePanel.Below="feedbackButton"
                    Margin="10,20,0,0"
                    FontSize="30"
                    HorizontalAlignment="Center"
                    Height="40" Width="40"/>
</Button>
  

Комментарии:

1. Это отлично работает для меня : <Button><fa:FontAwesome Icon="StackOverflow" FontSize="30"/></Button> . Может быть, попробовать удалить RelativePanel.Below атрибут?

Ответ №1:

FontAwesome.UWP специально используется для создания символов на основе имен с использованием размеров шрифта.(По крайней мере, это то, что я понимаю из документации GitHub).

если это так, вам не нужно настраивать ширину и высоту FontAwesome , но поиграйте с размером шрифта, чтобы получить желаемый 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>