web-dev-qa-db-ja.com

XAMLでSymbolIconのサイズを増やす方法は？

ビデオ再生を開始するために使用したいボタンがあるので、「再生」ボタンのように見えるはずです。ボタンは画面上でかなり大きくなります。これは私がこれまでに持っているものです：

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

PlayButtonリソースは、200pxのMinHeightとMinWidthを定義します。これに伴う問題は、再生アイコンが16px程度の非常に小さいことです。どうすれば大きくできますか？ Button宣言でFontSize = "200"を設定しようとしましたが、違いはありません。

wpfxamlwindows-store-appswin-universal-app
22
Mike

これが最善の方法かどうかはわかりませんが、私にとってはうまくいき、あなたにとってもうまくいくかもしれません。

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

TextBlockをFontFamily="Segoe UI Symbol" Text="&#57602;"と一緒に使用してから、FontSizeを設定すると機能します。 Symbol の値を見ると、57602が「SegoeUIシンボル」の文字コードに対応するPlayシンボル列挙型の値であることがわかります。 。より一般的には、これらの値はText="&#xE102;"のように16進値で記述されますが、その列挙型のドキュメントを見ると、10進数を見つけるのが簡単です。

10
Filip Skakun

もう1つの簡単な解決策は、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>
6
Andrei Schneider