Как добавить SearchBar в проект Xamarin Form?

Question

[Sasha_Prosto]

У меня есть код

public partial class Dati : ContentPage
    {
        internal static IEnumerable<object> dati;

        public ObservableCollection<Grouping<string, Data>> DatiGroups { get; set; }

        public Dati()
        {
            InitializeComponent();
            var dati = new List<Data>
            {
                new Data {Vek ="VI-IX века", Title="6 – 9 вв.", Opicanie="Образование племенных союзов Восточных славян." },
                new Data {Vek ="VI-IX века", Title="9 в.", Opicanie="Создание ранних государственных объединений Восточных славян в районе Днепра и оз. Ильмен." },
new Data {Vek ="VI-IX века", Title="860", Opicanie="Объединенный морской поход Днепровских славян и варягов на Константинополь (Царьград)." },
new Data {Vek ="VI-IX века", Title="862– 879", Opicanie="Княжение Рюрика в Новгороде." },
new Data {Vek ="VI-IX века", Title="862 – 882", Opicanie="Правление в Киеве князей Аскольда и Дира." },
new Data {Vek ="VI-IX века", Title="882 – 912", Opicanie="Княжение Олега в Киеве." },
new Data {Vek ="VI-IX века", Title="907", Opicanie="Поход Олега на Константинополь. Первый договор Руси с Византией о дружественных отношениях, нормах международной торговли и мореплавания." },
new Data {Vek ="VI-IX века", Title="911", Opicanie="Второй договор Руси с Византией." },
new Data {Vek ="VI-IX века", Title="912 – 945", Opicanie="Княжение Игоря в Киеве." },
new Data {Vek ="VI-IX века", Title="941", Opicanie="Первый поход князя Игоря на Константинополь, закончившийся провалом." },
new Data {Vek ="VI-IX века", Title="944", Opicanie="Второй поход князя Игоря на Константинополь. Договор Руси с Византией. (Русь теряла право беспошлинной торговли и обязывалась оказывать помощь в охране пограничных с нею владений Византии)." },
new Data {Vek ="VI-IX века", Title="945 – 969", Opicanie="Правление Ольги в Киеве (после убийства древлянами ее мужа князя Игоря)." },
new Data {Vek ="VI-IX века", Title="945 – 972(973)", Opicanie="Княжение Святослава Игоревича в Киеве." },
new Data {Vek ="VI-IX века", Title="Около 957", Opicanie="Посольство княгини Ольги в Константинополь. Принятие ею христианства (под именем Елена)." },
new Data {Vek ="VI-IX века", Title="965", Opicanie="Разгром князем Святославом Хазарского каганата (на нижней Волге). Установление контроля над торговым путем Волга – Каспийское море." },
new Data {Vek ="VI-IX века", Title="968 – 971", Opicanie="Походы князя Святослава в Дунайскую Болгарию. Войны с Византией и печенегами." },
new Data {Vek ="VI-IX века", Title="968 (969)", Opicanie="Разгром печенегов под Киевом." },
new Data {Vek ="VI-IX века", Title="971", Opicanie="Договор Руси с Византией." },
new Data {Vek ="VI-IX века", Title="972(973) – 980", Opicanie="Междоусобицы в Киеве после убийства печенегами князя Святослава." },
new Data {Vek ="VI-IX века", Title="980 – 1015", Opicanie="Княжение Владимира I Святославича в Киеве." },
new Data {Vek ="VI-IX века", Title="980", Opicanie="Создание единого пантеона языческих богов в Киеве." },
new Data {Vek ="VI-IX века", Title="98", Opicanie="Поход князя Владимира на волжских булгар." },
new Data {Vek ="VI-IX века", Title="988 – 989", Opicanie="Крещение Руси." },
new Data {Vek ="VI-IX века", Title="990-е гг.", Opicanie="Сооружение в Киеве церкви Успения Богородицы (Десятинной церкви)." },
};

var groups = dati.GroupBy(p => p.Vek).Select(g => new Grouping<string, Data>(g.Key, g));
            // передаем группы в PhoneGroups
            DatiGroups = new ObservableCollection<Grouping<string, Data>>(groups);
            this.BindingContext = this;
}
private void SearchBar_TextChanged(object sender, TextChangedEventArgs e)
        {
            //thats all you need to make a search  

            if (string.IsNullOrEmpty(e.NewTextValue))
            {
                phonesList.ItemsSource = dati;
            }

            else
            {
                phonesList.ItemsSource = dati.Where(x => x.Title.StartsWith(e.NewTextValue));
            }
        }

    }
    
}

Ошибка в данном фрагменте

phonesList.ItemsSource = dati.Where(x => x.Title.StartsWith(e.NewTextValue));

Ошибка:
Ошибка CS1061 "object" не содержит определения "Title", и не удалось найти доступный метод расширения "Title", принимающий тип "object" в качестве первого аргумента (возможно, пропущена директива using или ссылка на сборку).

Я учусь в школе и только недавно начал изучать программирование, поэтому не судите строго.

Comments

[Владимир Коротенко]

NotesPage.xaml

<?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:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:code="clr-namespace:SpecialForcesDirectory.Code;assembly=SpecialForcesDirectory"
             xmlns:controls="clr-namespace:SpecialForcesDirectory.Controls;assembly=SpecialForcesDirectory"
             mc:Ignorable="d"
             Title="{Binding Title}"
             x:Class="SpecialForcesDirectory.Views.NotesPage"
             Visual="Material">
    <ContentPage.ToolbarItems>
        <ToolbarItem
            Text="{Binding SettingButton}"
            Order="Secondary" Priority="2"
            Clicked="OnSettingsClicked" />
    </ContentPage.ToolbarItems>
    <ContentPage.Resources>
        <DataTemplate x:Key="NoteTemplate">
            <SwipeView>
                <Grid Padding="10">
                    <Grid.GestureRecognizers>
                        <TapGestureRecognizer
                            Command="{Binding Source={x:Reference MainView}, Path=BindingContext.EditCommand}"
                            CommandParameter="{Binding}" />
                    </Grid.GestureRecognizers>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="32" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>
                    <Image Grid.RowSpan="2"
                           Source="{Binding Icon}"
                           HeightRequest="24"
                           WidthRequest="24" />
                    <Label Grid.Column="1" Grid.Row="0"
                           Text="{Binding Title }"
                           FontAttributes="Bold" />
                    <Label Grid.Row="1"
                           Grid.Column="1"
                           Text="{Binding ShortDetail }"
                           FontAttributes="Italic"
                           VerticalOptions="End" />
                </Grid>
                <SwipeView.RightItems>
                    <SwipeItems>

                        <SwipeItem Text="{Binding NotesDelete}"
                                   IconImageSource="baseline_delete_outline_black_24.png"
                                   BackgroundColor="DarkRed"
                                   Command="{Binding Source={x:Reference MainView}, Path=BindingContext.DeleteCommand}"
                                   CommandParameter="{Binding}" />
                        <SwipeItem Text="{Binding NotesEdit}"
                                   IconImageSource="baseline_edit_black_24.png"
                                   BackgroundColor="LightGreen"
                                   Command="{Binding Source={x:Reference MainView}, Path=BindingContext.EditCommand}"
                                   CommandParameter="{Binding}" />
                    </SwipeItems>
                </SwipeView.RightItems>
            </SwipeView>
        </DataTemplate>
        <DataTemplate x:Key="FolderTemplate">
            <SwipeView>
                <Grid Padding="10">
                    <Grid.GestureRecognizers>
                        <TapGestureRecognizer
                            Command="{Binding Source={x:Reference MainView}, Path=BindingContext.GoToFolderCommand}"
                            CommandParameter="{Binding}" />
                    </Grid.GestureRecognizers>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="32" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>
                    <Image Grid.Column="0"
                           Source="{Binding Icon}"
                           HeightRequest="24"
                           WidthRequest="24" />
                    <Label Grid.Column="1" Grid.Row="0"
                           Text="{Binding Title }"
                           FontAttributes="Bold" />
                </Grid>
                <SwipeView.RightItems>
                    <SwipeItems>

                        <SwipeItem Text="{Binding NotesDelete}"
                                   IconImageSource="baseline_delete_outline_black_24.png"
                                   BackgroundColor="DarkRed"
                                   Command="{Binding Source={x:Reference MainView}, Path=BindingContext.DeleteCommand}"
                                   CommandParameter="{Binding}" />
                        <SwipeItem Text="{Binding NotesEdit}"
                                   IconImageSource="baseline_edit_black_24.png"
                                   BackgroundColor="LightGreen"
                                   Command="{Binding Source={x:Reference MainView}, Path=BindingContext.EditCommand}"
                                   CommandParameter="{Binding}" />
                    </SwipeItems>
                </SwipeView.RightItems>
            </SwipeView>
        </DataTemplate>

        <controls:NoteDataTemplateSelector x:Key="TemplateSelector"
                                           NoteTemplate="{StaticResource NoteTemplate}"
                                           FolderTemplate="{StaticResource FolderTemplate}" />
    </ContentPage.Resources>
    <Shell.SearchHandler>
        <code:NotesSearchHandler Placeholder="{Binding NotesSearchPlaceholder}"
                                 ShowsResults="true"
                                 SearchBoxVisibility="Collapsible"
                                 DisplayMemberName="Title"
                                 Command="{Binding SearchItemSelectedCommand}"
                                 CommandParameter="{Binding}">
            <code:NotesSearchHandler.ItemTemplate>
                <DataTemplate>
                    <Grid Padding="10">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>
                        <Label Grid.Column="0"
                               Text="{Binding Title}"
                               FontAttributes="Bold" />
                    </Grid>
                </DataTemplate>
            </code:NotesSearchHandler.ItemTemplate>
        </code:NotesSearchHandler>
    </Shell.SearchHandler>
    <ContentPage.Content>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <AbsoluteLayout Grid.Row="0">
                <RefreshView IsRefreshing="{Binding IsBusy, Mode=OneWay}"
                             Command="{Binding LoadItemsCommand}">
                    <CollectionView
                        x:Name="MainView"
                        AbsoluteLayout.LayoutFlags="All"
                        AbsoluteLayout.LayoutBounds="0,1,1,1"
                        SelectionMode="Single"
                        ItemTemplate="{StaticResource TemplateSelector}"
                        ItemsSource="{Binding Items}" />
                </RefreshView>
                <Button
                    AbsoluteLayout.LayoutFlags="PositionProportional"
                    AbsoluteLayout.LayoutBounds="1.0,1.0,-1,-1"
                    Text="+"
                    FontSize="22"
                    FontAttributes="Bold"
                    TextColor="White"
                    Margin="10"
                    HeightRequest="48"
                    CornerRadius="24"
                    BackgroundColor="{StaticResource NavigationPrimary}"
                    Clicked="AddNoteClicked"
                    WidthRequest="48" />
            </AbsoluteLayout>
        </Grid>
    </ContentPage.Content>
</ContentPage>

[Владимир Коротенко]

NotesPage.xaml.cs

#region License

// // Разработано: Коротенко Владимиром Николаевичем (Vladimir N. Korotenko)
// // email: [e-mail]
// // skype:vladimir-korotenko
// // https://vkorotenko.ru
// // Создано:  15.03.2020 9:19

#endregion

using System;
using System.Threading.Tasks;
using SpecialForcesDirectory.Models;
using SpecialForcesDirectory.ViewModels;
using SpecialForcesDirectory.Views.Settings;
using Xamarin.Forms;
using Xamarin.Forms.Xaml;

namespace SpecialForcesDirectory.Views
{
    [XamlCompilation(XamlCompilationOptions.Compile)]
    [QueryProperty("PageId", "id")]
    public partial class NotesPage : ContentPage
    {
        private readonly NotesViewModel _vm;

        public NotesPage()
        {
            BindingContext = _vm = new NotesViewModel();
            InitializeComponent();
            _vm.ShowEditAction += async item => await ShowEdit(item);
        }

        public string PageId
        {
            set
            {
                var val = Uri.UnescapeDataString(value);
                var ds = new NotesViewModel();
                ds.GoToFolderCommand.Execute(new NoteItem {Id = int.Parse(val)});
                BindingContext = ds;
            }
        }

        private async Task ShowEdit(NoteItem item)
        {
            await Navigation.PushAsync(new NoteEditPage(item));
        }

        protected override void OnAppearing()
        {
            base.OnAppearing();
            _vm.LoadItemsCommand.Execute(null);
        }

        private async void AddNoteClicked(object sender, EventArgs e)
        {
            var fullVariant = new[]
            {
                Resource.NotesFolderName,
                Resource.NotesNoteName
            };
            var variants = fullVariant;
            if (_vm.ParentId != 0)
                variants = new[]
                {
                    Resource.NotesNoteName
                };

            var cancel = Resource.NotesCancelLabel;
            var variant = await DisplayActionSheet(Resource.NotesAddDialogTitle, cancel, null, variants);
            if (variant == cancel) return;

            var initial = Resource.NotesDialogNewNote;
            if (variant == fullVariant[0])
                initial = Resource.NotesDialogNewFolder;
            var name = await DisplayPromptAsync(
                Resource.NotesDialogTitle,
                Resource.NotesDialogMessage,
                Resource.DialogOK,
                Resource.CloseButton,
                initialValue: initial,
                maxLength: 100,
                keyboard: Keyboard.Text);
            if (string.IsNullOrWhiteSpace(name)) return;

            if (variant == fullVariant[0])
                _vm.CreateFolderCommand.Execute(name);
            else
                _vm.CreateNoteCommand.Execute(name);
        }

        private async void EditClicked(object sender, EventArgs e)
        {
            if (MainView.SelectedItem is NoteItem item) await Navigation.PushAsync(new NoteEditPage(item));
        }

        private void AwayFromFolder(object sender, EventArgs e)
        {
            _vm.GoToRootFolder.Execute(null);
        }

        private async void OnSettingsClicked(object sender, EventArgs e)
        {
            await Navigation.PushAsync(new SettingPage());
        }
    }
}

[Владимир Коротенко]

NotesSearchHandler.cs

#region License

// // Разработано: Коротенко Владимиром Николаевичем (Vladimir N. Korotenko)
// // email: [e-mail]
// // skype:vladimir-korotenko
// // https://vkorotenko.ru
// // Создано:  13.03.2020 10:35

#endregion


using SpecialForcesDirectory.Models;
using SpecialForcesDirectory.ViewModels;
using SpecialForcesDirectory.Views;
using Xamarin.Forms;

namespace SpecialForcesDirectory.Code
{
    public class NotesSearchHandler : SearchHandler
    {
        private readonly NotesViewModel _vm = new NotesViewModel();

        protected override void OnQueryChanged(string oldValue, string newValue)
        {
            base.OnQueryChanged(oldValue, newValue);

            if (string.IsNullOrWhiteSpace(newValue))
            {
                ItemsSource = null;
            }
            else
            {
                _vm.SearchCommand.Execute(newValue);
                ItemsSource = _vm.Items;
            }
        }

        protected override async void OnItemSelected(object o)
        {
            base.OnItemSelected(o);
            if (!(o is NoteItem item)) return;
            if (!(Application.Current.MainPage is Shell shell)) return;

            if (item.IconType == NoteItem.IconFolder)
                await shell.GoToAsync($"///notes?id={item.Id}");
            else
                await shell.Navigation.PushAsync(new NoteEditPage(item));
        }
    }
}

Answer 1

[Роман]

internal static IEnumerable<object> dati;

Поменять на

internal static IEnumerable<Data> dati;