Android實(shí)現(xiàn)面包屑功能的代碼(支持Fragment聯(lián)動)
由于UI小姐姐給的設(shè)計(jì)圖中包含了面包屑效果,去github逛了一圈,沒有特別合適的,只能自己實(shí)現(xiàn)了。
先看下效果圖:
先看下逐個添加Fragment,然后按返回鍵挨個回退的場景:
接著看下逐個添加Fragment,直接點(diǎn)擊選擇tab的場景:
demo地址
使用方式
1、布局中引入BreadCrumbsView
<com.tinytongtong.breadcrumbs.BreadCrumbsView android:id="@+id/breadCrumbs" android:layout_width="match_parent" android:layout_height="wrap_content" />
2、設(shè)置BreadCrumbsView
的監(jiān)聽器
breadCrumbsView.setOnTabListener(new BreadCrumbsView.OnTabListener() { @Override public void onAdded(BreadCrumbsView.Tab tab) { Log.e("BreadCrumbsView", "BreadCrumbsView.OnTabListener#onAdded tab:" + tab.getIndex()); addFragment(tab); } @Override public void onActivated(BreadCrumbsView.Tab tab) { Log.e("BreadCrumbsView", "BreadCrumbsView.OnTabListener#onActivated tab:" + tab.getIndex()); } @Override public void onRemoved(BreadCrumbsView.Tab tab) { Log.e("BreadCrumbsView", "BreadCrumbsView.OnTabListener#onRemoved tab:" + tab.getIndex()); removeLastFragment(); } });
BreadCrumbsView.OnTabListener#onAdded方法是通過BreadCrumbsView#addTab(tabName,value)方法添加tab成功后觸發(fā)的回調(diào),在這里可以將需要的Fragment添加進(jìn)來,具體看下面的addFragment方法示例:
private void addFragment(BreadCrumbsView.Tab tab) { // TODO: 2020/5/26 3:26 PM 在這里添加你自己的Fragment,tab#getValue返回的是創(chuàng)建Tab時傳入的數(shù)據(jù),可以根據(jù)這些數(shù)據(jù)創(chuàng)建你自己想要的Fragment Fragment fragment = BlankFragment.newInstance(String.format("我是第%d個Fragment", tab.getIndex()), "" + tab.getIndex()); getSupportFragmentManager() .beginTransaction() .add(R.id.container, fragment, String.valueOf(tab.getIndex())) .show(fragment) .addToBackStack(null) .commit(); fragments.add(fragment); }
BreadCrumbsView.OnTabListener#onActivated方法是通過通過點(diǎn)擊切換到已經(jīng)存在的tab上,改tab再次激活會調(diào)用該方法,這里可以做一些刷新對應(yīng)Fragment的操作。
BreadCrumbsView.OnTabListener#onRemoved方法tab給移除后出發(fā)的操作,這里一般調(diào)用removeLastFragment()方法即可,這里看下代碼示例:
/** * 移除最后一個Fragment,顯示倒數(shù)第二個Fragment */ private void removeLastFragment() { if (fragments != null && fragments.size() > 1) { getSupportFragmentManager().popBackStackImmediate(); fragments.removeLast(); FragmentManager fragmentManager = getSupportFragmentManager(); fragmentManager.beginTransaction() .show(fragments.getLast()) .commit(); fragmentManager.executePendingTransactions(); } }
3、完善增加和刪除方法
代碼添加tab,需要通過BreadCrumbsView#addTab(String content, Map<String, String> value)方法來實(shí)現(xiàn)。
這里的value攜帶的信息是依附在tab上的,在創(chuàng)建Fragment時可以通過tab.getValue()獲取之前傳入的數(shù)據(jù),依據(jù)這些創(chuàng)建你想要的Fragment即可。
4、按需更改
當(dāng)前BreadCrumbsView的容器是使用RecyclerView實(shí)現(xiàn)的,item的寬度是包裹內(nèi)容,最大寬度屏幕寬度的三分之一,可以按需更改。
Fragment的移除操作,現(xiàn)在是從Fragment棧中挨個移除,如果有更好的方式,歡迎交流。
總結(jié)
到此這篇關(guān)于Android實(shí)現(xiàn)面包屑功能的代碼(支持Fragment聯(lián)動)的文章就介紹到這了,更多相關(guān)android 面包屑內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- Android使用Fragment實(shí)現(xiàn)兼容手機(jī)和平板的程序
- Android在fragment中編寫toobar的步驟詳解
- Android Fragment監(jiān)聽返回鍵的一種合理方式
- 詳解Android studio 動態(tài)fragment的用法
- Android底部菜單欄(RadioGroup+Fragment)美化
- Android Fragment實(shí)現(xiàn)底部通知欄
- Android 之BottomsheetDialogFragment仿抖音評論底部彈出對話框效果(實(shí)例代碼)
- androidx下的fragment的lazy懶加載問題詳解
- AndroidX下使用Activity和Fragment的變化詳解
- Android Fragment使用全解
相關(guān)文章
Android RecyclerView 復(fù)用錯亂通用解法詳解
本篇文章主要介紹了Android RecyclerView 復(fù)用錯亂通用解法詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-08-08Android開發(fā)中synchronized的三種使用方式詳解
這篇文章主要介紹了Android開發(fā)中synchronized的三種使用方式,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-04-04Android Camera2 實(shí)現(xiàn)預(yù)覽功能
最近在做一些關(guān)于人臉識別的項(xiàng)目,需要用到 Android 相機(jī)的預(yù)覽功能。今天小編通過本文給大家分享Android Camera2 實(shí)現(xiàn)預(yù)覽功能,感興趣的朋友跟隨小編一起看看吧2018-11-11Android RecyclerView藝術(shù)般的控件使用完全解析
這篇文章主要介紹了Android RecyclerView藝術(shù)般的控件使用完全解析的相關(guān)資料,非常不錯,具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07Android開發(fā)教程之ContentProvider數(shù)據(jù)存儲
這篇文章主要介紹了Android開發(fā)教程之ContentProvider數(shù)據(jù)存儲的相關(guān)資料,需要的朋友可以參考下2016-12-12淺談onTouch先執(zhí)行,還是onClick執(zhí)行(詳解)
onTouch先執(zhí)行,還是onClick執(zhí)行?下面小編就為大家?guī)硪黄獪\談onTouch先執(zhí)行,還是onClick執(zhí)行(詳解)。希望對大家有所幫助。一起跟隨小編過來看看吧2017-03-03Android補(bǔ)間動畫的實(shí)現(xiàn)示例
本文主要介紹了Android補(bǔ)間動畫的實(shí)現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04