为了满足UI小姐姐要求,自己动手实现了Android面包屑效果(支持Fragment联动)

2020-09-02 10:17:01 浏览数 (1)

由于UI小姐姐给的设计图中包含了面包屑效果,去github逛了一圈,没有特别合适的,只能自己实现了。

先看下效果图:

先看下逐个添加Fragment,然后按返回键挨个回退的场景:

接着看下逐个添加Fragment,直接点击选择tab的场景:

demo地址

BreadCrumbsView

使用方式

1、布局中引入BreadCrumbsView

代码语言:javascript复制
<com.tinytongtong.breadcrumbs.BreadCrumbsView
        android:id="@ id/breadCrumbs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

2、设置BreadCrumbsView的监听器

代码语言:javascript复制
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方法示例:

代码语言:javascript复制
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()方法即可,这里看下代码示例:

代码语言:javascript复制
/**
 * 移除最后一个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相关知识点的原理以及面试相关知识,这里放上我搜集整理的2019-2020BAT 面试真题解析,我把大厂面试中常被问到的技术点整理成了PDF,包知识脉络 诸多细节。

节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。

  • 《960全网最全Android开发笔记》
  • 《507页Android开发相关源码解析》
  • 《379页Android开发面试宝典》
  • 腾讯、字节跳动、阿里、百度等BAT大厂 2019-2020面试真题解析

以上内容均放在了开源项目:我的github 中已收录,里面包含不同方向的自学Android路线、面试题集合/面经、及系列技术文章等,资源持续更新中...

0 人点赞