[WinUI 3][RatingControl] 評価値をクリアできるようにする

RatingControl は、一度評価値（レーティング）を付けると、クリア（評価値をゼロ）にすることはできません。

この記事では RatingControl 評価値（レーティング）をユーザーがクリアできるようにする方法について説明します。

環境

評価値がクリアできないことを確認する

以下のように XAML に RatingControl を配置して、評価値（レーティング）がクリアできないことを確認しましょう。

<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 />
    </StackPanel>
</Window>

実行してみるとわかりますが、一度 評価値（レーティング）を付けた後は、1から5の間で変更することはできますが、ゼロにすることができません。

評価値の変更例

評価値をクリアできるようにする

評価値をクリアできるようにするには IsClearEnabled プロパティに True を設定します（既定値は False です）。

以下に例を示します。

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"
                       IsClearEnabled="True"/>
    </StackPanel>
</Window>

C#

public MainWindow()
{
    this.InitializeComponent();
    myRating.IsClearEnabled = true;
}

一度 評価値を設定したとしても、再度クリックをするとクリア（評価値をゼロに）することができます。

評価値をクリアする例

Please follow and like us: