[WinUI 3][TextBox] スクロールバーを表示する

TextBox

2022.03.13

この記事では TextBox にスクロールバーを表示する方法について説明をします。

公式サイト情報はコチラを参照してください。

環境
スクロールバーを表示する
WinUi Tips

環境

開発環境	Microsoft Visual Studio Enterprise 2019 Version 16.11.5
Framework	Microsoft .NET Framewohttps://blog.hiros-dot.net/?p=11007rk Version 4.8.04161

スクロールバーを表示する

TextBox には水平スクロールバー、垂直スクロールバーを表示することができます。

水平スクロールバーを表示するには、

ScrollViewer.VerticalScrollBarVisibility 添付プロパティを使用し、垂直スクロールバーを表示するには ScrollViewer.HorizontalScrollBarVisibility 添付プロパティを使用します。

以下に示す ScrollBarVisibility 列挙体の値を指定することができます。

値	説明
Auto	コンテンツが表示しきれない場合に自動でスクロールバーを表示します。
Disable	コンテンツが表示しきれない場合でもスクロールバーが表示されません。またスクロールは無効です。
Hidden	コンテンツが表示しきれない場合でもスクロールバーが表示されませんが、スクロールは有効です。
Visible	常にスクロールバーが表示されます。

以下は、水平スクロールバーと垂直スクロールバーを自動で表示する（Auto）例です。

XAML の例

<Window
    x:Class="WinUISample.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:WinUISample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <StackPanel Orientation="Vertical" HorizontalAlignment="Center">

        <TextBox x:Name="myTextBox"
                 Text="雨ニモマケズ
風ニモマケズ
雪ニモ夏ノ暑サニモマケヌ
丈夫ナカラダヲモチ
慾ハナク
決シテ瞋ラズ
イツモシヅカニワラッテヰル"
                 TextWrapping="Wrap"
                 Width="150" Height="100"
                 ScrollViewer.VerticalScrollBarVisibility="Auto"
                 ScrollViewer.HorizontalScrollBarVisibility="Auto"/>
    </StackPanel>
</Window>