[WinUI 3][ComboBox] プレースホルダを設定する

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

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

環境

プレースホルダを設定する

プレースホルダとは、あとから入力される文字の代わりに表示されている文字のことです。

このプレースホルダを設定するには PlaceholderText プロパティを使用します。

以下は  ComboBox のプレースホルダに「フルーツを選択」という文字列を表示する例です。

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="Horizontal" HorizontalAlignment="Center">

        <ComboBox x:Name="myComboBox"
                  PlaceholderText="フルーツを選択">
            <TextBlock Text="Apple" />
            <TextBlock Text="Banana" />
            <TextBlock Text="Grapes" />
            <TextBlock Text="Lemon" />
            <TextBlock Text="Orange" />
            <TextBlock Text="Pineapple" />
        </ComboBox>
        
    </StackPanel>
</Window>

プレースホルダを設定する例

C# の例

public MainWindow()
{
    this.InitializeComponent();

    myComboBox.PlaceholderText = "フルーツを選択";
}

プレースホルダを設定する例

プレースホルダのフォントの色を設定する

プレースホルダはフォントの色を変更することができます。

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

このプレースホルダを設定するには PlaceholderForeground プロパティを使用します。

以下は プレースホルダのフォントの色を青に設定する例です。

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="Horizontal" HorizontalAlignment="Center">

        <ComboBox x:Name="myComboBox"
                  PlaceholderText="フルーツを選択">
                  PlaceholderForeground="Blue"
            <TextBlock Text="Apple" />
            <TextBlock Text="Banana" />
            <TextBlock Text="Grapes" />
            <TextBlock Text="Lemon" />
            <TextBlock Text="Orange" />
            <TextBlock Text="Pineapple" />
        </ComboBox>
        
    </StackPanel>
</Window>

プレースホルダの色を設定する例

C# の例

public MainWindow()
{
    this.InitializeComponent();

    myComboBox.PlaceholderText = "フルーツを選択";
　　　　　　　　myComboBox.PlaceholderForeground = new SolidColorBrush(Windows.UI.Color.FromArgb(255, 0, 0, 255));
}

プレースホルダの色を設定する例

WinUi Tips

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

Please follow and like us: