[WinUI 3][Slider] ツールチップに現在値を表示する

この記事では Slider のつまみをドラッグしているときに表示されるツールチップに、現在値を表示する方法について説明をします。

環境

Slider のツールチップに現在値を表示する

IsThumbToolTipEnabled プロパティに True を設定すると、つまみをドラッグしているときに表示されるツールチップに、現在値を表示することができます。

以下に例を示します。

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

        <!--水平方向の Slider-->
        <Slider x:Name="mySlider1" 
            Grid.Row="0" Grid.Column="0"
            Width="200" Minimum="0" Maximum="10"
            Value="0"
            Orientation="Horizontal"
            IsThumbToolTipEnabled="True"
            Header="ツールチップに値を表示"/>

    </StackPanel>
</Window>

C# の例

public MainWindow()
{
    this.InitializeComponent();

    mySlider1.IsThumbToolTipEnabled = true;   // ツールチップに値を表示
}

ツールチップに現在値を表示する例

WinUi Tips

本サイトでまとめている WinUI Tips の一覧はこちらから確認できます。

Please follow and like us: