xamarin.forms - 如何使用 Xamarin.Forms 将搜索栏添加到页面顶部，例如工具栏项目图标

Question

我在此页面中使用主详细信息页面，我正在使用选项卡式页面，现在我想在页面顶部显示工具栏图标和搜索栏。我可以放置工具栏图标，但与搜索栏相矛盾。如何将其放置在顶部其行为应与 Whatsapp 应用程序和 YouTube 应用程序中的搜索栏匹配

Answer 1

WhatsApp 搜索栏就是一个 SearchBar 控件，您可以将其添加到 XAML 布局中，如下所示:

<StackLayout>
    <SearchBar Placeholder="Search" Text="{Binding Filter}" />
    <ListView ItemSource="{Binding Items}">
        ...
    </ListView>
</StackLayout>

确保您有过滤器的支持属性。您可以使用此属性的 setter 来拦截人们过滤数据并相应地过滤 Items 属性。

YouTube 搜索的行为略有不同。工具栏项会以模态方式弹出一个新屏幕，其中的搜索处理方式类似于 UISearchController (在 iOS 上)。没有 Xamarin Forms 嵌入式控件(据我所知)可以为您执行此操作，因此您可能必须自己动手。