[Xamarin.Forms] SearchBarを使用するには?

はじめに

今回は、Xamarin.Formsで検索窓を設置する方法を説明します。

検索窓はSearchBarコントロールを使用します。

XamlによるSearchBarの設置とテキストの表示

検索窓に入力された文字の取得や表示は Text プロパティを使用します。

以下はXamlにおける SearchBar コントロールの使用例です(10行目)。

検索窓を設置するとともに、「ビルゲイツ」というテキストを表示しています。

<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
              xmlns:local="clr-namespace:searchBarSample01" 
              x:Class="searchBarSample01.MainPage"
              xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
              ios:Page.UseSafeArea="true">
    <StackLayout HorizontalOptions="CenterAndExpand">

        <SearchBar x:Name="searchBar" Text="ビルゲイツ"/>

    </StackLayout>
</ContentPage>

コードによる表示テキストの設定

コードで SearchBarコントロールにテキストを設定するには、以下のようにします。

namespace searchBarSample01
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();

            this.searchBar.Text = "ビルゲイツ";
        }
    }
}

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