为了满足UI小姐姐要求,自己动手实现了Android面包屑效果(支持Fragment联动)
由于UI小姐姐给的设计图中包含了面包屑效果,去github逛了一圈,没有特别合适的,只能自己实现了。
先看下效果图:
先看下逐个添加Fragment,然后按返回键挨个回退的场景:
接着看下逐个添加Fragment,直接点击选择tab的场景:
demo地址
使用方式
1、布局中引入BreadCrumbsView
<com.tinytongtong.breadcrumbs.BreadCrumbsView
android:id="@+id/breadCrumbs"
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相关知识点的原理以及面试相关知识,这里放上我搜集整理的2019-2020BAT 面试真题解析,我把大厂面试中常被问到的技术点整理成了PDF,包知识脉络 + 诸多细节。
节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。
- 《960全网最全Android开发笔记》
- 《507页Android开发相关源码解析》
- 《379页Android开发面试宝典》
- 腾讯、字节跳动、阿里、百度等BAT大厂 2019-2020面试真题解析
以上内容均放在了开源项目:我的github 中已收录,里面包含不同方向的自学Android路线、面试题集合/面经、及系列技术文章等,资源持续更新中...
- 打造高效前端工作环境-tmuxinator
- 在Linux Mint上安装node.js和npm
- JS魔法堂:再识Number type
- (cljs/run-at (JSVM. :browser) "搭建刚好可用的开发环境!")
- (cljs/run-at (->JSVM :browser) "语言基础")
- 微博爬虫
- 电话域名受欢迎,微语言融资3000万
- 前端魔法堂——异常不仅仅是try/catch
- (cljs/run-at (JSVM. :all) "一起实现柯里化")
- (cljs/run-at (JSVM. :browser) "简单类型可不简单啊~")
- 前端魔法堂:解秘FOUC
- JS魔法堂:深究JS异步编程模型
- 前端魔法堂:屏蔽Backspace导致页面回退
- “表情包”火爆全球,域名emojis.com小六位易主
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- Python3 正则表达式特殊符号及用法.md
- Web网页响应式布局.md
- BootStrap应用开发学习入门1
- Python实现单链表和字典
- 关于如何做好运维管理工作的一点思考
- 2.6-Air302(NB-IOT)-基础外设-AD采集,NTC温度传感器B3950
- 2.5-Air302(NB-IOT)-基础外设-串口(485,422),CRC校验
- 2.3-Air302(NB-IOT)-基础外设-输入检测
- 2.2-Air302(NB-IOT)-基础外设-PWM输出
- API可视化管理平台YApi
- BootStrap应用开发学习入门
- 为什么要学习现代控制理论(机器人方向)?
- 2.XML之编程解析示例笔记
- XML快速入门学习笔记
- Fuzz入门以及在渗透测试中重要性