Android實現麪包屑效果，支持Fragment聯動

Android實現麪包屑效果，支持Fragment聯動

因爲UI小姐姐給的設計圖中包含了麪包屑效果，去github逛了一圈，沒有特別合適的，只能本身實現了。

先看下效果圖：

先看下逐個添加Fragment，而後按返回鍵挨個回退的場景：

接着看下逐個添加Fragment，直接點擊選擇tab的場景：

demo地址

BreadCrumbsView

使用方式

一、佈局中引入BreadCrumbsView

<com.tinytongtong.breadcrumbs.BreadCrumbsView
        android:id="@+id/breadCrumbs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
複製代碼

二、設置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();
    }
}
複製代碼

三、完善增長和刪除方法

代碼添加tab，須要經過BreadCrumbsView#addTab(String content, Map<String, String> value)方法來實現。

這裏的value攜帶的信息是依附在tab上的，在建立Fragment時能夠經過tab.getValue()獲取以前傳入的數據，依據這些建立你想要的Fragment便可。

四、按需更改

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

Fragment的移除操做，如今是從Fragment棧中挨個移除，若是有更好的方式，歡迎交流。