[WinUI 3][ComboBox] テキストボックス部分のテキストを編集できるようにする

スポンサーリンク

この記事では ComboBox のテキストボックス部分のテキストを編集できるようにする方法について説明します。

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

環境

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

テキストボックス部分のテキストを編集できるようにする

既定では ComboBox のテキストボックス部分は編集することができません。IsEditable プロパティに True を設定すると編集が可能になります。

以下は ComboBox でテキスト編集ができるようにする例です。

XAML のみで テキストが編集できるようにする例

ComboBox の IsEditable に 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">

        <ComboBox x:Name="myComboBox"
                  IsEditable="True">
            <TextBlock Text="アイテム1" />
            <TextBlock Text="アイテム2" />
            <TextBlock Text="アイテム3" />
        </ComboBox>

    </StackPanel>
</Window>
テキスト編集を可能にする例

テキスト編集を可能にする例

C# のコードから ComboBox のテキストを編集できるようにする例

C# の例

public MainWindow()
{
    this.InitializeComponent();

    myComboBox.IsEditable = True;
}
テキスト編集を可能にする例

テキスト編集を可能にする例

WinUi Tips

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

Please follow and like us:

コメント

タイトルとURLをコピーしました