Question

我有一个按钮，我想用它来启动视频播放，因此它应该看起来像一个“播放”按钮。屏幕上的按钮相当大。这就是我到目前为止所做的：

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

PlayButton资源定义MinPeight和MinWidth为200px。这个问题是播放图标非常小，大约16px左右。我怎样才能让它变大？我尝试在Button声明中设置FontSize =“200”，但没有区别。

Answer 1

不确定这是否是最好的方法，但它对我有用，可能适合你：

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

Answer 2

您可以TextBlock使用FontFamily="Segoe UI Symbol" Text=""，然后设置FontSize。如果查看Symbol值 - 您可以看到57602是Play符号枚举的值，它对应于“Segoe UI符号”中的字符代码。更典型的是，这些值的十六进制值与Text=""一样，但如果查看枚举文档，则更容易找到小数。

Answer 3

另一个简单的解决方案是使用RenderTransform。 E.g。

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

Answer 4

<Button.Content>
      <TextBlock Style="{StaticResource SymbolTextBlockStyle}"
                 Text="&#xE102;"/>
</Button.Content>

<Style x:Key="SymbolTextBlockStyle" TargetType="TextBlock">
    <Setter Property="FontFamily" Value="Segoe MDL2 Assets"/>
    <Setter Property="FontSize" Value="16"/>
</Style>

您可以将图标插入为文本块，并更改字体大小，颜色等等

如何在XAML中增加SymbolIcon的大小？

4 个答案: