Android Material Design控件之TabLayout

最新推荐文章于 2024-04-11 01:05:18 发布

LinWeiJ

最新推荐文章于 2024-04-11 01:05:18 发布

阅读量571

点赞数

分类专栏： android 文章标签： material design TabLayout 标签 TabItem 监听事件

本文链接：https://blog.csdn.net/linweij/article/details/78463578

版权

本文介绍了如何在Android中使用Material Design的TabLayout来创建标签栏，详细讲解了导入design库、XML布局配置、TabItem的使用以及通过OnTabSelectedListener监听Tab切换和重新点击选中事件。同时，还讨论了在MaterialDesignWidget.TabLayoutActivity中如何设置nestedScrollView的topMargin以实现协调布局。

摘要由CSDN通过智能技术生成

Android Material Design Android官方控件学习

TabLayout

标签栏
extends HorizontalScrollView 水平滚动布局
需要结合TabItem一起使用
不再需要使用第三方库如PagerSlidingTabStrip,或者TabHost,
TabLayout简单地实现标签栏

导入design库

'com.android.support:design:26.1.0'

xml

TabLayout

这里直接写入三个TabItem
app:tabIndicatorColor:指示器颜色
app:tabIndicatorHeight:指示器高度
app:tabSelectedTextColor: 选中TabItem字体颜色
app:tabTextColor:未选中TabItem字体颜色
TabItem
android:icon="@drawable/ic_action_tab"//设置图片
android:text=“第一项”//设置文字

<android.support.design.widget.TabLayout
			android:id="@+id/tabLayout"
			android:background="#3558B3"
			app:tabIndicatorColor="#cdcdcd"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

LinWeiJ

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android Material Design控件之TabLayout

TabLayout 标签栏OnTabSelectedListener TabLayout监听事件
复制链接

扫一扫

专栏目录

AndroidX TabLayout使用、扩展及解析All In One

2401_84009929的博客

03-30

873

这里有两种方式添加TabItem的自定义布局，其一种方式是在TabItem的xml中定义android:text=“娱乐” />custom_indicator1.xml文件内容，值得注意的是这里的TextView的id必须是“@android:id/text1”,ImageView的id必须是“@android:id/icon”，原因来自于与TabLayout的源码中TabView的update方法。

Android开发：自定义TabLayout，神奇效果竟是如此简单，android音视频何俊林

m0_64319166的博客

11-20

931

//中间的图形 Path pathCenter = new Path(); pathCenter.moveTo(tabPosition * textWidth + tabPosition * arcWidth, 0); pathCenter.cubicTo(tabPosition * textWidth + tabPosition * arcWidth - arcControlX, arcControlY, tabPosition * textWidth + tabPosition * arcWidth -

参与评论您还未登录，请先登录后发表或查看评论

com.google.android.material.tabs.TabLayout 选择tab 加粗字体加大

01-03

引用: https://blog.csdn.net/qq_34906385/article/details/93524163 app:tabIndicatorColor ：指示线的颜色 app:tabIndicatorHeight ：指示线的高度 app:tabIndicatorFullWidth=false 指示线是否铺满宽度 app:tabSelectedTextColor ： tab选中时的字体颜色 app:tabTextColor=@color/colorPrimary ：未选中字体颜色 app:tabBackground=color ：整个tablayout颜色

Android TabLayout 使用进阶（含源码）(1)，2024年最新安卓资深工程师面试题

最新发布

2401_84160310的博客

04-11

610

外链图片转存中…(img-SLLy999T-1712768648684)][外链图片转存中…(img-ydwGnl2Z-1712768648685)][外链图片转存中…(img-hC9M1Oeb-1712768648685)][外链图片转存中…(img-gKV58u3G-1712768648686)][外链图片转存中…(img-RuPvIHRt-1712768648686)][外链图片转存中…(img-mNoaLfbn-1712768648688)]

android 底部tab效果,Android TabContainerView 实现底部导航栏效果 V1.0

weixin_32933155的博客

05-26

108

本篇文章已授权微信公众号 guolin_blog (郭霖)独家发布xiaoguo.gif上图效果大家应该都很熟悉了，基本市面上的App都会用到这种布局效果，实现起来也很简单，就是上面一个ViewPager，下面一个线性布局TabContainerView就是把实现逻辑封装起来，让开发者可以通过更简单的代码实现这种布局效果，提高工作效率。使用TabContainerView tabContainer...

Android Material Design控件 --TabLayout 使用demo

12-03

TabLayout是Android Support Library中的一个控件，它提供了Material Design风格的标签页。这些标签页可以水平滑动，允许用户在多个页面间切换，而无需离开当前视图。TabLayout支持多种模式，如固定宽度、滚动和堆...

android-material-design

11-21

在`MaterialDesignSamples`这个压缩包中，很可能包含了一些示例代码或项目，用于演示如何在Android应用中使用上述提到的Material Design控件。通过研究这些示例，开发者可以学习如何配置布局XML，设置属性，以及在...

Android MarginDesign控件TabLayout导航栏使用详解

08-31

在Android开发中，TabLayout是谷歌Material Design设计规范的一部分，由`com.android.support:design`库提供。TabLayout主要用于在应用顶部创建一个可滑动的标签页导航，它与ViewPager结合使用，可以轻松地切换不同...

Android控件-TabLayout使用介绍

01-03

TabLayout简述简单示例TabLayout属性介绍...TabLayout是Android support中的一个控件android.support.design.widget.TabLayout，Google在升级了AndroidX之后，将TabLayout迁移到material包下面去了com.google.andr

android tab 选中变色,如何在android中显示tablayout背景颜色(单击选项卡时每个选项卡的颜色都应该不同)...

weixin_39520149的博客

05-27

827

tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {@Overridepublic void onTabSelected(TabLayout.Tab tab) {if (tab.getPosition() == 0) {tabLayout.setSelectedTabIndicatorColor(Col...

Androidx 使用TabLayout 所需添加的依赖

Kid

09-11

6137

implementation 'org.xutils:xutils:3.5.0' implementation 'com.androidkun:XTabLayout:1.1.4' 在build.gradle 的dependencies中添加如上代码即可

TabLayout addOnTabSelectedListener遇到的坑

Gao_yuyu的博客

04-26

1万+

在给TabLayout.addOnTabSelectedListener的时候，因为业务逻辑的关系（FUCK！），在select的时候有数据源的传参,没错，就是那个data @Override public void onTabSelected(TabLayout.Tab tab) { LogUtil.e(Constant.LOG_TAG, "onTabS...

使用com.google.android.material.tabs.TabLayout报错了

shsh_0415的博客

12-24

2384

经过大佬指点知道了原来用这个tablayout必须继承自Theme.AppCompat下的主题，其实报错里面都说了但以为主要继承了theme就好了其实并不然。综上感谢大佬！

Android开发——控件基础（十一）使用Tablayout需要导的包

奔跑的狮子

06-22

2947

Android Studio dependencies { ... compile 'com.android.support:appcompat-v7:26.0.0-alpha1' compile 'com.android.support:design:26.0.0-alpha1' //这个包！！！！ ... } 注：design版本要和appcompa...

android tab属性,TabLayout基本属性全解

weixin_42160376的博客

05-27

1525

前言之前讲过一篇TabLayout实现顶部导航的文章，这篇文章，来详细介绍下TabLayout的一些基本使用，让大家以后更加方便的使用。这篇文章涉及的内容有：控件库的导入TabLayout导航UI的快速实现TabLayout均分显示的问题设置TabLayout选中和没选中时字体颜色改变指示器下标的颜色改变整个TabLayout的颜色改变TabLayout内部字体大小改变指示器下标的高度添加图标加入...

开源项目material-dialogs使用

热门推荐

Chailyn的博客

12-09

4万+

之前浏览github的时候发现一个比较好用的MD风格的Dialog。这里记录一下使用。 Github地址：https://github.com/afollestad/material-dialogs导入compile 'com.afollestad.material-dialogs:core:0.9.1.0' compile 'com.afollestad.material-dialogs:com

关于TabLayout的setOnTabSelectedListener与addOnTabSelectedListener的区别

YY793924556的博客

12-25

6416

TabLayout + ViewPager的组合可以很好的实现Fragment的切换操作，当然TabLayout也可以单独使用，具体使用方法百度、Google一大堆。今天主要简单的记录一下 setOnTabSelectedListener 与addOnTabSelectedListener 两者的区别。目前setOnTabSelectedListener方法已经过时，但也可以使用。所以，在...

TabLayout踩坑记录-addOnTabSelectedListener()

风洛伊曼的博客

03-14

3495

接到一个需求，当recycleView的标题栏吸顶了，点击tablayout可以回到顶部，没啥大问题，不就是一个点击事件嘛。但是一波三折啊。由于对Tablayout的使用不熟悉走了很多弯路，但是一些常规的使用和其他的控件没有什么区别嘛。addOnTabSelectedListener 用这个注册点击选中监听事件，在回调方法onTabSelected()里处理选中之后的操作。由于当前tab是选中状态，再次点击时，并不会回调onTabSelected()方法，我当时脑子一热没有去想Google是不是考虑过这

android ------ AndroidX的 Tablayout（com.google.android.material.tabs.TabLayout）的使用

切切歆语的博客

11-04

1万+

前面呢，有写过TabLayout的博客，最近开发用到了AndroidX来解决前面的问题，不要工具类设置下划线的问题了，来总结一下 Android--------TabLayout实现新闻客户端顶部导航栏 Android中Tablayout设置下划线宽度和 dp和px之间进行相互转换 AndroidX效果图首先添加依赖：以前...

精通Android Material Design：打造精美界面

"Learning Material Design" 是一本关于Android Material Design开发的学习资料，旨在帮助读者掌握Material Design，并能创建美观、动态的移动和网页应用界面。 Android Material Design是Google推出的一种设计语言...