ToolBar, TabLayout, ViewPager结合使用时给Tab添加图标

最新推荐文章于 2024-05-17 00:03:25 发布
最新推荐文章于 2024-05-17 00:03:25 发布
阅读量1.1k 收藏
点赞数 3
文章标签： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/PhantomNeo/article/details/81633160
版权

说话之前先上图：

清晰度较低，但不影响观看效果

本文基于这篇文章（下称原文）：
五分钟学会 Material Design之实现上滑隐藏ToolBar，TabLayout
（如有侵权请告知，此处仅为学习交流转载）

原文仔细地介绍了如何使用ToolBar, TabLayout, ViewPager这三个常见的控件来实现一个上滑隐藏、可点击标签、可滑动切换的多页界面。本文开头附有本人实现的截图。

但是原文的实现有一个地方没说清楚。比如我这个应用，我需要每一个tab既有text也有icon，也就是既有图标又有文字。网上通常使用自己继承一个类的方法。但是实际上不需要那么麻烦只要获取你现有的tab然后添加图标就好了。代码如下：

ViewPagerAdapter adapter = 
new ViewPagerAdapter(getSupportFragmentManager(
最低0.47元/天 解锁文章
PhantomNeo
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
ToolBar、TabLayout加角标无从下手？且看一看我的解决方法！
oushangfeng123的专栏
08-28 8499
ToolBar、TabLayout加角标无从下手？且看一看我的解决方法！ 为ToolBar、TabLayout加角标的教程
ToolBar的使用详解及配合TabLayout
浅谈Android
04-15 1149
一、概述自ToolBar的推出后，深受广大程序猿的青睐，这里根据自己的使用做一个简单的总结，以及在使用过程中所遇到的坑，作为以后一个知识点的查阅： 先看看效果图，仅仅是展示一下ToolBar和Tablayout的Demo，并未添加其他功能二 、ToolBar的使用 设置stytle在设置ToolBar的stytle之前，先熟悉一下，安卓界面的ActionBar中各属性所对应的位置： 这里为了详细
使用TabLayout与ViewPager快速实现底部导航栏带图标和文字效果
09-07
这是一个使用TabLayout与ViewPager快速实现底部导航栏带图标和文字效果的Demo，只需要写一下Fragment的内容就可以了。
android toolbar带tab,【Android】Toolbar
weixin_29795345的博客
05-27 253
#Toolbar##简述Toolbar 在v7.21+包中，是一个用来替代ActionBar的组件，可以说是ActionBar的升级版本。Toolbar与ActionBar比较有几个特点：ActionBar属于Window的装饰组件，一个activity中只能有一个ActionBar，但是Toolbar属于View级别，可以有任意多个ActionBar定制困难，Toolbar可以看作一个ViewG...
2024年最全Android --- TabLayout 每一个选项卡前面加图标，Android面试必问
最新发布
2401_84557161的博客
05-17 1004
学习技术是一条慢长而艰苦的道路，不能靠一时激情，也不是熬几天几夜就能学好的，必须养成平时努力学习的习惯。所以：贵在坚持！最后如何才能让我们在面试中对答如流呢？答案当然是平时在工作或者学习中多提升自身实力的啦，那如何才能正确的学习，有方向的学习呢？有没有免费资料可以借鉴？为此我整理了一份Android学习资料路线：这里是一部分我工作以来以及参与过的大大小小的面试收集总结出来的一套BAT大厂面试资料专题包，主要还是希望大家在如今大环境不好的情况下面试能够顺利一点，希望可以帮助到大家。
Android开发之给TabLayout加上能消失的ToolBar
等待着冬天的风的博客
05-25 470
前言：大家在平时使用app中，有些ToolBar是可以随着滑动屏幕而消失，然后导航栏占据ToolBar的位置，如果用户再往下滑动，就又会看到ToolBar，今天就带领大家实现这一效果！
android TabLayout使用方法详解
11-06
// 添加自定义的Tab图标和文字 for (int i = 0; i ; i++) { TabLayout.Tab tab = tabLayout.newTab(); tab.setText(tabTitles[i]); tab.setIcon(tabIcons[i]); tabLayout.addTab(tab); } ``` `MyPagerAdapter`...
ViewPager+fragment实现tab导航界面
07-16
在Android应用开发中，`ViewPager` 和 `Fragment` 结合使用是创建滑动Tab导航界面的常见方法。这种设计模式可以提供高效的用户交互，让用户在不同的内容区域之间平滑切换，而无需每次都加载整个新页面。`ViewPager` ...
Android 仿腾讯应用宝 之 Toolbar +Scroolview +tab滑动悬停效果
02-07
- 然后，创建`TabLayout`和`ViewPager`，将它们添加到布局中，并设置`TabLayout`与`ViewPager`的关联，这样滑动`ViewPager`时会自动更新`TabLayout`的选中状态。 - 接下来，为`ViewPager`设置适配器，通常是一个...
类似QQ的SlidingMenu抽屉 + Tab滑动ViewPager
11-21
开发者可以使用 setSupportActionBar() 方法将Toolbar设置为应用的Action Bar，然后使用TabLayout与ViewPager的组合来实现Tab功能。 5. **集成与交互**： 将这三个组件整合在一起需要良好的代码组织和事件处理。...
Android Tablayout 的使用
12-17
使用TabLayout的`addOnTabSelectedListener()`方法添加监听器，可以监听用户切换Tab的事件： ```java tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() { @Override public void ...
TabLayout的使用和自定义viewicon的位置在左边的源码
09-22
自定义tablayout的icon的view
TabLayout+ViewPager+Fragment自定义tab添加小红点（kotlin事例）
人之所能 是相信能
03-27 1330
首先看哈效果： 下面是两个布局，一个主布局，一个tab的布局 主布局很简单tablayout+viewpager： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="...
ViewPager+Fragment+TabLayout（二）添加自定义标题并改变图片
late13的博客
04-04 573
从上一篇文章处继续，上一篇：https://blog.csdn.net/weixin_41654311/article/details/105311607 就是添加了标题，更改的代码： @Nullable @Override public CharSequence getPageTitle(int position) { ...
TabLayout两种带图标的Tab方法
Otldan的博客
07-03 5761
TabLayout两种带图标的Tab方法
Android 使用 ToolBar 实现顶部标题栏、搜索栏 并使用 BottomNavigationView 实现底部导航栏的效果
girls的博客
12-15 2682
顶部标题栏与底部导航栏的使用：MainActivity_toolbar.java（Activity）layout_toolbar.xmlnav_menu.xml（Menu Resource File）menu_main.xml（Menu Resource File）MyFragment1.java (java文件)MyFragment2.java (java文件)MyFragment3.java (java文件)MyFragment4.java (java文件)layout_fragment1.xmllay
Android---TabLayout很好的操作教程，指示器下划线设置图片与传统流行的XtabLayout对比
qq_35874340的博客
07-16 3381
话不多说，先看图 这个采用的是 这个采用的是渐变的图片，TabLayout采用的是自定义的。 --------------------------------------------------------------------------------------------------------------------------------------------------...
Android 基于TabLayout + ViewPager2 + Fragment + 角标 实现底部导航栏（升级版）
weixin_41782226的博客
10-27 2438
TabLayout + ViewPager2 + Fragment + 角标 实现底部导航栏
Android TabLayout setCustomView 实现带图标的tab
热门推荐
我用双手成就你的梦想,所以我必须努力
04-01 2万+
首先.二话不说.先看下我们实现了怎么样的效果,不符合你要求的话,就可以直接出门左转.以免耽误你的时间 ,如果,你还能看到这里.说明还是比较符合你的要求的,辣么,让咱们一点一点来实现这样的效果吧 先说一下坑.在网上看到别的代码来实现这样的左边icon右边文字的tab,只需要给这个tab设置一下icon就行 tabLayout.getTabAt(0).setIcon(
AppCompatActivity与Toolbar的结合使用详解
要将 Toolbar 与 AppCompatActivity 结合，需要在配置文件中添加 Toolbar，并在Activity中设置Toolbar。下面是一个简单的示例代码： ```xml <android.support.v7.widget.Toolbar android:id="@+id/activity_main_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值