[WinUI 3][ComboBox] 選択されているアイテムを取得する

ComboBox

2022.04.14

この記事では ComboBox で選択されているアイテムを取得する方法について説明をします。

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

環境
選択されているアイテムを取得する
1. XAML の例
2. C# の例
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

選択されているアイテムを取得する

ComboBox で選択されているアイテムを取得するには SelectedItem プロパティを使用します。

以下は [選択アイテムを取得] ボタンをクリックすると、ComboBox で選択されているアイテムを取得して TextBlock に表示する例です。

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

        <ComboBox x:Name="myComboBox">
            <TextBlock Text="Apple" />
            <TextBlock Text="Banana" />
            <TextBlock Text="Grapes" />
            <TextBlock Text="Lemon" />
            <TextBlock Text="Orange" />
            <TextBlock Text="Pineapple" />
        </ComboBox>
        
        <Button x:Name="myButton" 
                Content="選択アイテムを取得"
                Click="myButton_Click"/>
        <TextBlock x:Name="myTextBlock" />
        
    </StackPanel>
</Window>

C# の例

XAML では ComboBox に表示するアイテムは TextBlock で作成されています。よって SeletedItem プロパティをいったん TextBlock にキャストして、テキストを取得しています。

※ ComboBox に表示するアイテムが何で作成されているか(この例では TextBlock )で、キャストが変わります。

private void myButton_Click(object sender, RoutedEventArgs e)
{
    Microsoft.UI.Xaml.Controls.TextBlock temp = (Microsoft.UI.Xaml.Controls.TextBlock)myComboBox.SelectedItem;
    myTextBlock.Text = temp.Text;
}