Android實現面包屑功能的代碼(支持Fragment聯動)
由于UI小姐姐給的設計圖中包含了面包屑效果,去github逛了一圈,沒有特別合適的,只能自己實現了。
先看下效果圖:
先看下逐個添加Fragment,然后按返回鍵挨個回退的場景:
接著看下逐個添加Fragment,直接點擊選擇tab的場景:
demo地址
BreadCrumbsView
使用方式
1、布局中引入BreadCrumbsView
<com.tinytongtong.breadcrumbs.BreadCrumbsView android: android:layout_width='match_parent' android:layout_height='wrap_content' />
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, Map<String, String> value)方法來實現。
這里的value攜帶的信息是依附在tab上的,在創建Fragment時可以通過tab.getValue()獲取之前傳入的數據,依據這些創建你想要的Fragment即可。
4、按需更改
當前BreadCrumbsView的容器是使用RecyclerView實現的,item的寬度是包裹內容,最大寬度屏幕寬度的三分之一,可以按需更改。
Fragment的移除操作,現在是從Fragment棧中挨個移除,如果有更好的方式,歡迎交流。
總結
到此這篇關于Android實現面包屑功能的代碼(支持Fragment聯動)的文章就介紹到這了,更多相關android 面包屑內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!
相關文章:
1. IntelliJ IDEA安裝插件的方法步驟2. 解析原生JS getComputedStyle3. SpringBoot+SpringCache實現兩級緩存(Redis+Caffeine)4. Idea 2019.3 本應該搜索到的插件卻搜索不到的解決方法5. 在JSP中使用formatNumber控制要顯示的小數位數方法6. ASP.NET MVC視圖頁使用jQuery傳遞異步數據的幾種方式詳解7. ASP.NET泛型三之使用協變和逆變實現類型轉換8. IntelliJ IDEA導入jar包的方法9. 每日六道java新手入門面試題,通往自由的道路10. 每日六道java新手入門面試題,通往自由的道路--多線程
