[ストアアプリ][入門] Step13. TextBlockコントロールを使用する ~テキストの縦横比を変更する~

スポンサーリンク

TextBlockに配置したテキストは縦横比を変更するプロパティはありません。

そこで ViewBoxコントロールを使用して、テキストの縦横比を変更する方法について見ていきます。

まず、MainPage.xaml に ViewBoxコントロールを配置します。

ViewBoxコントロールの配置

次に配置したViewBoxコントロールに TextBlock コントロールをドラッグ&ドロップします。

TextBlock コントロールを配置

次に、ViewBoxコントロールのStretchプロパティをFillにします(わかりやすくするためにFill以外のプロパティを省略しています)。

<Viewbox Stretch="Fill">
    <TextBlock TextWrapping="Wrap" Text="TextBlock"/>
</Viewbox>

あとは ViewBoxコントロールのサイズ、縦横比を変更するだけです。

ViewBox コントロールの縦横比を変更

Please follow and like us:

コメント

タイトルとURLをコピーしました