[UWPアプリ][AutoSuggestBox] 虫眼鏡アイコンを表示する

AutoSuggestBoxにはアイコンを表示することができます。

検索を目的とするAutoSuggestBoxとする場合は、虫眼鏡アイコンを表示してあげると良いでしょう。

AutoSuggestBoxにはQueryIconというプロパティがあるので、ここでアイコンを設定します。

アイコンはSymbolIconプロパティで設定することができます。

Xamlの例を以下に示します。

<AutoSuggestBox x:Name="autoSuggest" HorizontalAlignment="Left" Margin="52,40,0,0" VerticalAlignment="Top" Width="148">
    <AutoSuggestBox.QueryIcon>
        <SymbolIcon Symbol="Find"/>
    </AutoSuggestBox.QueryIcon>
</AutoSuggestBox>

上記の実行例を以下に示します。

Please follow and like us: