[WinUI 3][RatingControl] プレースホルダーを使用して値が入力されていないときに評価値を表示する

RatingControl は、プレースホルダーを使用して値が入力されていないときに評価値を表示することができます。

この記事では RatingControl でプレースホルダーを使用する方法について説明します。

環境

プレースホルダーを使用する

プレースホルダーを使用するには PlaceholderValue プロパティを使用します。

以下は PlaceholderValue プロパティに3.5 を設定することで、アプリ起動時にプレースホルダとして星を3.5分を塗り潰した状態で表示する例です。

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" VerticalAlignment="Center">
        <RatingControl x:Name="myRating"
                       PlaceholderValue="3.5"/>
    </StackPanel>
</Window>

C# の例

public MainWindow()
{
    this.InitializeComponent();
    myRating.PlaceholderValue = 3.5;
}

プレースホルダを使用すると、星は黒で塗りつぶされます。ユーザーが星を選択すると青で塗りつぶされます。

PlaceholderValue の使用例

Please follow and like us: