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