歡迎您光臨本站 註冊首頁

Android實現麵包屑功能的代碼(支持Fragment聯動)

←手機掃碼閱讀     bom485332 @ 2020-05-29 , reply:0

由於UI小姐姐給的設計圖中包含了麵包屑效果,去github逛了一圈,沒有特別合適的,只能自己實現了。

先看下效果圖:

先看下逐個添加Fragment,然後按返回鍵挨個回退的場景:

逐個添加,逐個返回

接著看下逐個添加Fragment,直接點擊選擇tab的場景:

逐個添加,選擇

demo地址

BreadCrumbsView

使用方式

1、佈局中引入BreadCrumbsView



2、設置BreadCrumbsView的監聽器

 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成功後觸發的回調,在這裡可以將需要的Fragment添加進來,具體看下面的addFragment方法示例:

 private void addFragment(BreadCrumbsView.Tab tab) { // TODO: 2020/5/26 3:26 PM 在這裡添加你自己的Fragment,tab#getValue返回的是創建Tab時傳入的數據,可以根據這些數據創建你自己想要的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方法是通過通過點擊切換到已經存在的tab上,改tab再次激活會調用該方法,這裡可以做一些刷新對應Fragment的操作。

BreadCrumbsView.OnTabListener#onRemoved方法tab給移除後出發的操作,這裡一般調用removeLastFragment()方法即可,這裡看下代碼示例:

 /** * 移除最後一個Fragment,顯示倒數第二個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, Mapvalue)方法來實現。

這裡的value攜帶的信息是依附在tab上的,在創建Fragment時可以通過tab.getValue()獲取之前傳入的數據,依據這些創建你想要的Fragment即可。

4、按需更改

當前BreadCrumbsView的容器是使用RecyclerView實現的,item的寬度是包裹內容,最大寬度屏幕寬度的三分之一,可以按需更改。

Fragment的移除操作,現在是從Fragment棧中挨個移除,如果有更好的方式,歡迎交流。


[bom485332 ] Android實現麵包屑功能的代碼(支持Fragment聯動)已經有135次圍觀

http://coctec.com/docs/android/show-post-236204.html