Как увеличить размер SymbolIcon в XAML?

У меня есть кнопка, которую я хочу использовать для запуска воспроизведения видео, поэтому она должна выглядеть как кнопка "Воспроизвести". Кнопка будет довольно большой на экране. Это то, что у меня есть до сих пор:

<Button Style="{StaticResource PlayButton}">
    <SymbolIcon Symbol="Play"/>                                
</Button>

Ресурс PlayButton определяет MinHeight и MinWidth 200px. Проблема заключается в том, что значок игры очень мал, порядка 16 пикселей или около того. Как я могу сделать его больше? Я попытался установить FontSize = "200" в объявлении Button, но это не имеет значения.

Ответы

Ответ 1

Не уверен, что это лучший способ сделать это, но он работал у меня и мог работать для вас:

<Button Style="{StaticResource PlayButton}">
    <Viewbox MaxHeight="200" MaxWidth="200">
        <SymbolIcon Symbol="Play"/>                                
    </Viewbox>
</Button>

Ответ 2

Вы можете использовать TextBlock с FontFamily="Segoe UI Symbol" Text="&#57602;", а затем установить FontSize. Если вы посмотрите на значения Symbol, вы можете увидеть, что 57602 является значением перечисления символа Play, которое соответствует символьному коду в "Символе пользовательского интерфейса Segoe" ". Более типично эти значения записываются с шестнадцатеричными значениями, как в Text="&#xE102;", но десятичное значение легче найти, если вы посмотрите на эту документацию перечисления.

Ответ 3

Другим простым решением является использование RenderTransform. Например.

<AppBarButton Icon="Previous" Grid.Column="0" HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5"  >
    <AppBarButton.RenderTransform>
          <CompositeTransform ScaleX="1.4" ScaleY="1.4"/>
    </AppBarButton.RenderTransform>
</AppBarButton>