為Xamarin.Forms的導(dǎo)航欄增加搜索功能
在使用NavigationPage導(dǎo)航的時候, 我們可以給里面添加一些功能按鈕, 如下所示:
<ContentPage.ToolbarItems> <ToolbarItem/> <ToolbarItem/> </ContentPage.ToolbarItems>
但是如果需要給這個控件添加一些其他的控件的時候, 則無法滿足我們的需求, 這個時候, 我們就需要使用 頁面渲染器(Page Renderer)。
真機效果演示:
實現(xiàn)思路:
- 1.添加用于搜索通知的接口 : ISearchPage
- 2.自定義搜索的渲染器 : SearchPageRender
- 3.添加Menu/Item Xml文件: mainmenu.xml
- 4.添加 Nuget:Plugin.CurrentActivity
- 5.給需要添加搜索功能的頁面實現(xiàn) (1)的接口
- 6.為自定義搜索渲染器添加支持該功能的頁面
- 7.啟動項初始化 : CrossCurrentActivity.Current.Init(this, savedInstanceState)
添加搜索通知接口
public interface ISearchPage { void OnSearchBarTextChanged(string text); }
自定義渲染器
在Android項目中創(chuàng)建 CustomRender文件夾定義 SearchPageRender
SearchPageRender代碼
public class SearchPageRender : PageRenderer { public SearchPageRender(Context context) : base(context) { } protected override void OnAttachedToWindow() { base.OnAttachedToWindow(); if (Element is ISearchPage && Element is Page page && page.Parent is NavigationPage navigationPage) { //Workaround to re-add the SearchView when navigating back to an ISearchPage, because Xamarin.Forms automatically removes it navigationPage.Popped += HandleNavigationPagePopped; navigationPage.PoppedToRoot += HandleNavigationPagePopped; } } //Adding the SearchBar in OnSizeChanged ensures the SearchBar is re-added after the device is rotated, because Xamarin.Forms automatically removes it protected override void OnSizeChanged(int w, int h, int oldw, int oldh) { base.OnSizeChanged(w, h, oldw, oldh); if (Element is ISearchPage && Element is Page page && page.Parent is NavigationPage navigationPage && navigationPage.CurrentPage is ISearchPage) { AddSearchToToolbar(page.Title); } } protected override void Dispose(bool disposing) { if (GetToolbar() is Android.Support.V7.Widget.Toolbar toolBar) toolBar.Menu?.RemoveItem(Resource.Menu.mainmenu); base.Dispose(disposing); } //Workaround to re-add the SearchView when navigating back to an ISearchPage, because Xamarin.Forms automatically removes it void HandleNavigationPagePopped(object sender, NavigationEventArgs e) { if (sender is NavigationPage navigationPage && navigationPage.CurrentPage is ISearchPage) { AddSearchToToolbar(navigationPage.CurrentPage.Title); } } void AddSearchToToolbar(string pageTitle) { if (GetToolbar() is Android.Support.V7.Widget.Toolbar toolBar && toolBar.Menu?.FindItem(Resource.Id.action_search)?.ActionView?. JavaCast<Android.Support.V7.Widget.SearchView>().GetType() != typeof(Android.Support.V7.Widget.SearchView)) { toolBar.Title = pageTitle; toolBar.InflateMenu(Resource.Menu.mainmenu); if (toolBar.Menu?.FindItem(Resource.Id.action_search)?.ActionView?. JavaCast<Android.Support.V7.Widget.SearchView>() is Android.Support.V7.Widget.SearchView searchView) { searchView.QueryTextChange += SearchView_QueryTextChange; searchView.ImeOptions = (int)ImeAction.Search; searchView.InputType = (int)InputTypes.TextVariationFilter; searchView.MaxWidth = int.MaxValue; } } } private void SearchView_QueryTextChange(object sender, Android.Support.V7.Widget.SearchView.QueryTextChangeEventArgs e) { if (Element is ISearchPage searchPage) searchPage.OnSearchBarTextChanged(e.NewText); } private static Android.Support.V7.Widget.Toolbar GetToolbar() => (CrossCurrentActivity.Current?.Activity as MainActivity)?.FindViewById<Android.Support.V7.Widget.Toolbar>(Resource.Id.toolbar); }
添加Xml文件引用SearchView
創(chuàng)建mainmenu.xml
在Android的Resources文件夾中, 創(chuàng)建menu文件夾創(chuàng)建mainmenu.xml文件, 如下:
mainmenu.xml
<?xml version="1.0" encoding="utf-8" ?> <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:id="@+id/action_search" android:title="Search" android:icon="@android:drawable/ic_menu_search" app:showAsAction="always|collapseActionView" app:actionViewClass="android.support.v7.widget.SearchView"/> </menu>
添加NuGet:Plugin.CurrentActivity
在Android項目中, 添加NuGet包: Plugin.CurrentActivity , 并且在SearchPageRender 中引用它。
頁面實現(xiàn)接口 ISearchPage
渲染器添加實現(xiàn)頁
如下圖所示, 第一個typeof 指向的就是實現(xiàn)搜索內(nèi)容頁的Page
MainActivity初始化
在MainActivity的 OnCreate 中, 添加初始化的代碼, 如下:
以上步驟完整之后, 通過導(dǎo)航頁打開的頁面即可自帶搜索功能。
到此這篇關(guān)于為Xamarin.Forms的導(dǎo)航欄增加搜索功能的文章就介紹到這了。希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
C#使用CancellationTokenSource 取消 Task的方法
因為涉及到了日常經(jīng)常會碰到的取消任務(wù)操作,本文主要介紹了C#使用CancellationTokenSource 取消 Task,文中通過代碼介紹的非常詳細,感興趣的可以了解一下2022-02-02淺談C#中的for循環(huán)與foreach循環(huán)
本篇文章主要介紹了C#中的for循環(huán)與foreach循環(huán)的相關(guān)知識,具有很好的參考價值。下面跟著小編一起來看下吧2017-05-05C#中的char、string和StringBuilder的使用詳解
這篇文章主要介紹了C#中的char、string和StringBuilder的使用詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07