Android实现面包屑功能的代码(支持Fragment联动)

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

先看下效果图:

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

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

demo地址

BreadCrumbsView

使用方式

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实现面包屑功能的代码(支持Fragment联动)的文章就介绍到这了,更多相关android 面包屑内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • Android Studio使用ViewPager+Fragment实现滑动菜单Tab效果

    本文为大家分享了Android Studio实现滑动菜单Tab效果的具体代码,供大家参考,具体内容如下 描述: 之前有做过一个记账本APP,拿来练手的,做的很简单,是用Eclipse开发的: 最近想把这个APP重新完善一下,添加了一些新的功能,并选用Android Studio来开发: APP已经完善了一部分,现在就想把已经做好的功能整理一下,记录下来. 效果图: 可以手动滑动菜单 也可以通过点击头部菜单进行切换 具体实现的代码: 前台代码(activity_main.xml): <?xml v

  • Android实现底部图标与Fragment的联动实例

    本文介绍了ndroid实现底部图标与Fragment的联动,分享给大家,希望此文章对各位有所帮助. 效果如下: 1.首先在res下的drawable下新建四个图标的xml,分别把图标的选中和未选中的状态设置好,所有的图片可以放在res下新建的一个drawable-xhdpi目录下,这里仅展示一个图标的xml <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="ht

  • Android Fragment实现列表和内容联动

    在平板上经常能看到这种的情况:左边是一个列表,右边是列表项对应的内容,当点击某一个列表时,右边内容区也会随之改变.下面使用Fragment简单的demo: 思路:在MainActivity定义一个回调接口,并在列表点击回调该接口,然后在内容区的Fragment设置回调,同时改变Fragment的显示内容.具体代码如下: 主布局: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" and

  • Android实现面包屑功能的代码(支持Fragment联动)

    由于UI小姐姐给的设计图中包含了面包屑效果,去github逛了一圈,没有特别合适的,只能自己实现了. 先看下效果图: 先看下逐个添加Fragment,然后按返回键挨个回退的场景: 接着看下逐个添加Fragment,直接点击选择tab的场景: demo地址 BreadCrumbsView 使用方式 1.布局中引入BreadCrumbsView <com.tinytongtong.breadcrumbs.BreadCrumbsView android:id="@+id/breadCrumbs&

  • Vue动态面包屑功能的实现方法

    面包屑应该是我们在项目中经常使用的一个功能,一般情况下它用来表示我们当前所处的站点位置,也可以帮助我们能够更快的回到上个层级. 今天我们就来聊聊如何在 Vue 的项目中实现面包屑功能.以下案例都是使用 Element-UI 进行实现. 最笨的方式 首先我们想到的最笨的方法就是在每个需要面包屑的页面中固定写好. <template> <div class="example-container"> <el-breadcrumb separator="

  • vue3自己封装面包屑功能组件的几种方式

    目录 前言 一.为什么需要面包屑? 二.初级封装 1. 实现思路 2. 代码演示 3. 使用 4. 不足 三.进阶封装 1. 实现思路 2. 代码演示 3. 使用 4. 不足 四.高阶封装 1. 思路 2. 代码演示 3. 使用 五.使用jsx优化 总结 前言 面包屑导航可以将浏览过的页面记录下来,方便很快速的跳转回某一个页面,本文介绍了几种自己封装面包屑组件的方式,我们一起来看看如何实现的吧~ 一.为什么需要面包屑? 面包屑导航(BreadcrumbNavigation)这个概念来自童话故事"

  • vue3中使用ant-design-vue的layout组件实现动态导航栏和面包屑功能

    目录 0 前言 1 准备工作 1.1 安装ant-design-vue 1.2 安装图标组件包 2 选择组件 3 路由文件 4 Vue导航页面 5 最终效果 0 前言 最近在自己搞一个前后端小项目,前端想使用ant-design-vue的layout组件实现动态导航栏和面包屑,但是网上的资料较少,所以我就自己整合实现了一下,在此记录分享. 1 准备工作 基于一个新建的Vue3项目上实现. 1.1 安装ant-design-vue 官方文档:Components Overview - Ant De

  • Android图片采样缩放功能实例代码

    为什么要对Android中的图片进行采样缩放呢? 是为了更加高效的加载Bitmap.假设通过imageView来显示图片,很多时候ImageView并没有图片的原始尺寸那么大,这时候把整张图片加载进来后再设给ImageView是没有必要的,因为ImagView并没有办法显示原始的图片. 所以我们可以使用BitmapFactory.Options按照一定的采样率加载缩小后的图片,将缩小后的图片在ImageView中显示,这样就能降低内存占用,在一定程度上避免OOM,提高bitma加载时候的性能.

  • 基于vue-router的matched实现面包屑功能

    本文主要介绍了基于vue-router的matched实现面包屑功能,分享给大家,具体如下: 如上图所示,就是常见的面包屑效果,面包屑的内容一般来说,具有一定的层级关系,就以上图为例,首先是进入首页,然后点击左侧导航,进入活动管理下的活动列表页面,然后点击某一条数据,进入活动详情页面 这正好与vue-router的mached属性所获取的结果有着相似的原理,所以可以基于此来实现面包屑效果! 这里我使用了elementui的面包屑组件和导航菜单组件,先贴出最后的效果图: 路由配置 项目结构: 侧边

  • AngularJS自定义指令实现面包屑功能完整实例

    本文实例讲述了AngularJS自定义指令实现面包屑功能.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="zh-CN" ng-app="myApp"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"

  • Android 自定义验证码输入框的实例代码(支持粘贴连续性)

    需求 1.能自定义输入框个数和样式 2.支持长按粘贴或剪切板内容自动填充(粘贴连续性) 其中第2点是最为重要的,正是其他人没有这点,逼得自己弄一个 示例 别人的示例: 粘贴居然不支持连续性,只能粘贴第一个字符,所以用的有点难受 自己的示例: 原理 大致是Edittext + n* TextView,然后设置edittext字体跟背景颜色都为透明,隐藏光标 Edittext:监听edittext每次输入一个字符就赋值到对应的TextView上,然后在清空自己 下划线:在TextView下面添加Vi

  • bootstrap+spring boot实现面包屑导航功能(前端代码)

    面包屑导航介绍 一般的内容型网站,例如CMS都会有这种面包屑导航.总结起来它有以下优势: 让用户了解目前所在的位置,以及当前页面在整个网站中所在的位置: 体现了网站的架构层级:提高了用户体验: 减少返回到上一级页面的操作: 实现效果 那我们应该如何实现?我看网上多数都是只提供静态实现, 这里我结合bootstrap 和 spring boot以及mysql来做一个完整的例子. 表结构设计 图里面的菜单其实是分级维护上下级关系的.我这里用到了2级,表里有level字段标记. 点击第1级加载第2级分

  • android实现蓝牙文件发送的实例代码,支持多种机型

    最近项目上需要实现蓝牙传输apk的一个功能,能够搜索周围的蓝牙手机并分享文件.从需求上讲android手机自带的蓝牙传输模块就可以满足需要了,实现也很简单.不过让人头疼的是,虽然说一般的主流机型都配置有蓝牙模块,但是android机型碎片化太严重,不同android版本手机蓝牙功能也不一样.4.0.3以下版本和以上版本使用的蓝牙包是不同的,分别是"com.android.bluetooth"和"com.mediatek.bluetooth".还有一些厂商对蓝牙模块进

随机推荐