完美解决Google最新的Design:TabLayout结合ViewPager无法显示Icon的问题

最新推荐文章于 2022-06-20 15:56:02 发布
最新推荐文章于 2022-06-20 15:56:02 发布
阅读量2.3k 收藏
点赞数 2
CC 4.0 BY-SA版权
分类专栏： Android后台 文章标签： TabLayout ViewPager 底部选项卡 Android Studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u014727491/article/details/47979617
本文探讨了在使用Google的Android Design Support Library中的TabLayout与ViewPager结合时，如何在选项卡上添加图标的问题。尽管有setIcon方法，但在默认情况下与ViewPager一起使用时无法显示图标。通过反编译和分析源码，发现TabLayout的setTabsFromPagerAdapter方法会忽略自定义的图标。为解决此问题，文章建议重写该方法，以实现图标显示，并提醒在重写时注意构造方法的正确使用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

           众所周知,Google今年推出了最新的兼容包Android Design Support Library，里面包含了许许多多精美的(如Navigation View，Floating Action

Button，SnackBar)等等，但我们着重来看TabLayout这个新的选项卡控件，对于其基础的使用方法我就不一一介绍了（PS:

网上有大量介绍），今天我尝试用ViewPager+TabLayout来实现传统的TabHost和其他的ViewPager+Frament+

(RadioButton,ActionBar)设置选项卡联动切换页的效果。

最低0.47元/天 解锁文章

200万优质内容无限畅学
Android Material Design 系列之 TabLayout + ViewPager + Fragment 使用详解
一名互联网时代苟且偷生的 Android码农
06-20 4964
前言 本文是 Material Design 系列第三篇：TabLayout + ViewPager + Fragment 基本使用，Material Design 所有控件属于高级 UI，所以 Material Design 控件是中高级工程师必备技能。现在市面上很多主流界面效果都是采用 Material Design 风格控件完成。希望博主 Material Design 系列文章对各位初学者有所帮助，也为自己学习做详细笔记。 一、TabLayout 方法介绍 1、addTab（TabLayout.T
关于ViewPager与TabLayout组合使用时tab.setIcon()失效分析
qq_34950399的博客
03-15 1580
关于ViewPager与TabLayout组合使用时tab.setIcon()失效分析 谷歌Material Design，提供了一系列常用标准控件，让我们可以在上面自由拓展，降低了我们的使用难度，也将一些开源项目推向末日。今天我们不讨论这些，主要说明在ViewPager与TabLayout组合使用产生的问题，以及本人的解决方案。如图: 当我们setIcon()时,预计
Google Material Design Icons - 谷歌 UI 图标
02-03
Google Material Design Icons - 谷歌 UI 图标
TabLayout联动Viewpager不显示图标的问题
宝华的小岛
05-28 2723
以前都是用布局做容器来管理外层模块，直接使用fragmentmanager管理器来管理fragment，使用比较麻烦，一直想封装，可是没做完。ViewPager来管理很方便，但是在Tablayout和Viewpager进行关联的时候，设置的图标和自定义的View不能显示，只显示文字。这个文字是从adapter中获取的。检查Tablayout的源码，在populateFromPagerAdapter
Android TabLayout结合ViewPager和Fragment tab想显示图标的问题
jinrumorijuesha的博客
02-12 1324
xml展示图 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="ma
TabLayout和ViewPager联动图标和标题的问题
u013778491的博客
03-04 753
我在做TabLayout和ViewPager联动的时候遇到的问题是当使用 tableLayout.setupWithViewPager(viewPager); 导致图标和标题都不对了。 最后终于找到方法解决 viewPager.setCurrentItem(0); tableLayout.setupWithViewPager(viewPager); tableLayout.getTab...
993个Google Material Design 谷歌材料设计 iconjar图标库
05-29
Google Material Design iconjar软件图标资源库，933个图标
Tablayout+viewpager+fragment
05-26
`TabLayout` 是谷歌推出的Android设计支持库中的一个组件，它提供了美观且符合Material Design规范的标签栏。`TabLayout` 可以与`ViewPager` 结合使用，自动管理标签的数量和状态，与当前`ViewPager` 中的页面保持...
基于原生TabLayout实现ViewPager分页功能
Google官方提供了TabLayout和ViewPager控件，来帮助开发者快速实现一个带有标签页的滑动分页界面。本知识点将会详细介绍如何使用TabLayout与ViewPager组合来构建分页切换的界面，并且会涉及到对TabLayout+ViewPager...
使用TabLayout实现ViewPager指示器教程
在Android开发中，TabLayout是Google官方设计库（Design Support Library）提供的一种用于展示Tab页签的组件，它与ViewPager配合使用，可以轻松实现页面滑动切换时的指示器效果。在TabLayout出现之前，开发者通常...
TabLayout的使用和自定义viewicon的位置在左边的源码
09-22
自定义tablayout的icon的view
自定义底部菜单 CommonTabLayout带消息提示小红点和消息数量提示
07-14
自定义底部菜单 CommonTabLayout带消息提示小红点和消息数量提示
简单优雅的使用tablayout和viewpager打造导航栏
CysionLiu的博客
06-01 4497
又是很久没写博客了，当然之前只写过一篇。本来想着坚持写呢，可是发现这里的博客审核需要挺长时间，于是乎又不怎么想写了。 今天带来的是一种导航栏的简单优雅的一种实现方式。就导航栏的实现方式的发展来看，先后主要经历了： 1--tabhost; 2--radiogroup--viewpager 3--自定义horiozationScrollview 4--tablayout+viewpa
vue view design 图标选择器
jonathan_joestar的博客
06-20 1716
获取icon名字，爬取网页 view design 官网 icons
kotlin顶部导航栏（TabLayout+viewpager）、底部导航栏（谷歌官方-修复Navigation重建Fragment问题）、TabLayout单选
wy313622821的博客
06-13 5714
简介 使用google原生推荐的TabLayout+viewpager，超级好用，而且性能上已经是优化到最好了，超级推荐大家这样用，代码的每个细节的作用和功能我都已经标明，下面来看看效果图： 代码 MainActivity class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState
Android 控件-TabLayout-使用报错的问题及其解决方法
johnwang7的博客
07-09 3889
一、问题 在使用com.google.android.material.tabs.TabLayout控件时，报如下错误： Error inflating class com.google.android.material.tabs.TabLayout 二、解决 此时，实际上log里已经给出解决方式了，在布局里添加Theme.AppCompat或者其子主题即可，特别注意的是，使用stytle="@style/Theme.AppCompat"仍旧会报该问题，必须使用android:the...
资源素材 -- Google发布750个Material Design Icon 图标
蔡小波的博客
11-26 6285
Google发布750个Material Design图标； 这个图标素材包含750个Meatrial Design系统图标，足够应付一般的APP程序需求了。     1. 24PX、48PX尺寸的SVG格式图标    2. SVG和CSS的sprite图标    3. 1x，2x的网页图标（PNG）     4. 1x，2x的iOS图标（PNG）
android 顶部导航TabLayout+ViewPager（包含图标文字样式）
hello_1s的博客
06-15 6260
一、实现TabLayout顶部导航的效果的步骤：1、导入Android Design Support Library即在build.gradle中添加compile 'com.android.support:design:23.4.0' 2、在布局中使用Tablayout和ViewPager <!--这种写法是文档提供的--> <android.support.v4.view.View
Android中 TabLayout的TabItem文字和图片莫名不显示问题处理
qq_41873558的博客
05-02 6559
Tablayout在没有设置适配器的时候，TabItem的文字和icon是正常显示的，可一旦设置上适配器文字和icon就直接消失，这个时候有两个解决办法（本人暂时只有两个） 1.效果图： 2. 正常写法设置适配器后的实图： <android.support.design.widget.TabLayout android:id="@+id/fh_tab" app:tab...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值