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

AndroidX TabLayout使用、扩展及解析All In One,跪了,第1张

首先,讲讲为什么我们要讲JAVA的语言进阶,从整体来讲,Java和Android的区别在于Android程序是基于组件和配置的,而且Android开发以Java语言为开发工具,表面上看他们有点同宗不同门,但实际上区别十分大,Android是一个主流智能手机 *** 作系统,Java是一种开发语言,两者没有好坏之分,而且两者也是不同的岗位,从工作岗位来看,安卓从事的是移动互联方向,Java则是从事开发方向。

Android和Java的联系

Android的应用层上的应用程序是用Java编写的,以Java作为开发语言,但是,Java并不等同于Android,因为Android SDK引用了Java SDK的大部分,少数部分被Android SDK所抛弃。所以,要想从事Android的开发,就必须有Java基础。

|

com.google.android.material.tabs.TabLayout

|

2.基本功能及使用

TabLayout继承自 HorizontalScrollView

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-beyyTRFZ-1649660870223)(https://user-gold-cdn.xitu.io/2019/10/21/16dee8f0cd6d57a6?imageView2/0/w/1280/h/960/ignore-error/1)]

控件的基本层次关系

2.1 代码添加tab

TabLayout提供了用于显示选项卡的水平布局。要显示的选项卡的填充是通过TabLayout.Tab实例完成的。可以通过创建标签 newTab()。在此处,您可以分别通过setText(int) 和更改选项卡的标签或图标setIcon(int)。要显示选项卡,需要通过一种addTab(Tab)方法将其添加到布局中。例如:

TabLayout tabLayout = …;
tabLayout.addTab(tabLayout.newTab()。setText(“ Tab 1”));
tabLayout.addTab(tabLayout.newTab()。setText(“ Tab 2”));
tabLayout.addTab(tabLayout.newTab()。setText(“ Tab 3”));

应该添加一个监听器,addOnTabSelectedListener(OnTabSelectedListener)以在任何选项卡的选择状态更改时得到通知。

2.2 xml配置tab

还可以通过使用将项目添加到布局中的TabLayout TabItem。用法示例如下:

android:layout_height =“ wrap_content”
android:layout_width =“ match_parent”>

android:text =“ @ string / tab_text” />

android:icon =“ @ drawable / ic_android” />

2.3 tab配置viewpager

如果ViewPager将此布局与一起使用,则可以调用setupWithViewPager(ViewPager)将两者链接在一起。该版式将从PagerAdapter的页面标题中自动填充。

此视图还支持用作ViewPager装饰的一部分,并且可以像这样在布局资源文件中直接添加到ViewPager:

android:layout_width =“ match_parent”
android:layout_height =“ match_parent”>

android:layout_width =“ match_parent”
android:layout_height =“ wrap_content”
android:layout_gravity =“ top” />

3.使用详解

这里很多人都使用的都是design 28,主工程的gradle的配置根据不同情况改。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-O5xTQeF5-1649660870224)(https://user-gold-cdn.xitu.io/2019/10/21/16dee8f0ccbd747e?imageView2/0/w/1280/h/960/ignore-error/1)]

工程库引用

上面三种使用方法,我们使用新的库androidx看下使用的效果图:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-m4bws2zC-1649660870224)(https://user-gold-cdn.xitu.io/2019/10/21/16dee8f0cf7cc2be?imageslim)]

基础库使用效果

3.1 使用扩展

这里列举一下主要使用到到属性,只列举几个,具体可看官方文档。

|
属性

|

|

说明

|
| — | — | — |
|

tabMode

|

scrollable/fixed

|

tab是水平可滚动的还是固定宽,个数较少的时候可以使用fixed,如果标签超出了屏幕范围,设置为scrollable比较好

|
|

tabGravity

|

fill/center

|

tab的布局是布满空间还是居中

|
|

tabIndicatorHeight

|

(dp/pix)

|

底部滑动线条的高度

|
|

tabMaxWidth

|

(dp/pix)

|

Tab的最大宽度

|
|

tabTextColor

|

颜色值

|

默认样式未选中颜色

|
|

app:tabSelectedTextColor

|

颜色值

|

选中颜色

|

3.2 典型的使用场景 (1)代码添加tab

//TabLayout的基本使用
for(int i=0;i
TabLayout.Tab tab=mTabLayout.newTab();
tab.setTag(i);
tab.setText(mTitles[i]);
mTabLayout.addTab(tab);
}

(2)不需要指示器

属性设置
app:tabIndicatorHeight=“0dp”

有时候想指示器的宽度小一些,可以参考文章[Tablayout使用全解,一篇就够了](() 修改指示线长度(利用的反射,感觉不如自己基于源码封装一个,可以自定义长度)。

(3)添加图标

TabItem有个上下结构的默认布局,这里使用默认的

tabLayout1.addTab(tabLayout1.newTab().setText(“Tab 4”).setIcon(R.mipmap.ic_launcher));

(4)加入Padding

设置Tab内部的子控件的Padding:

app:tabPadding=“xxdp”
app:tabPaddingTop=“xxdp”
app:tabPaddingStart=“xxdp”
app:tabPaddingEnd=“xxdp”
app:tabPaddingBottom=“xxdp”

设置整个TabLayout的Padding:

app:paddingEnd=“xxdp”
app:paddingStart=“xxdp”

(5)Tab的宽度限制

设置最大的tab宽度:

app:tabMaxWidth=“xxdp”

设置最小的tab宽度:

app:tabMinWidth=“xxdp”

(6)Tab的“Margin”

TabLayout开始位置的偏移量:

app:tabContentStart=“50dp”

(7)Tab默认选中

如果你要设置默认选中第三项,你可以这样:

mTabLayout.getTabAt(2).select();

(8)监听事件

初始化进入的时候,监听事件的三个方法都不会执行

tabLayout1.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
//选中了tab的逻辑
Log.i(TAG, “==我选中了”+tab.getTag());
}

@Override
public void onTabUnselected(TabLayout.Tab tab) {
//未选中tab的逻辑
Log.i(TAG, “==我未被选中”+tab.getTag());
}

@Override
public void onTabReselected(TabLayout.Tab tab) {
//再次选中tab的逻辑
Log.i(TAG, “==我再次被选中”+tab.getTag());
}
});

onTabReselected为已经选中的tab再次点击会走到。

(9)判读是否选中

mTabLayout.getTabAt(position).isSelected()

有时候要监听某个Tab的点击事件,可以参考[TabLayout基本属性全解](() 或者 [](() [tablayout增加选择tab 的事件和重写tab点击事件](()

(10)自定义Tab布局

这里有两种方式添加TabItem的自定义布局,其一种方式是在TabItem的xml中定义

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》开源

Android优秀开源项目:

ali1024.coding.net/public/P7/Android/git
分享读者

作者2013年java转到Android开发,在小厂待过,也去过华为,OPPO等大厂待过,18年四月份进了阿里一直到现在。

被人面试过,也面试过很多人。深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,不成体系的学习效果低效漫长,而且极易碰到天花板技术停滞不前!

我们整理了一份阿里P7级别的Android架构师全套学习资料,特别适合有3-5年以上经验的小伙伴深入学习提升。

主要包括腾讯,以及字节跳动,阿里,华为,小米,等一线互联网公司主流架构技术。

如果你觉得自己学习效率低,缺乏正确的指导,可以一起学习交流!

我们致力打造一个平等,高质量的Android交流圈子,不一定能短期就让每个人的技术突飞猛进,但从长远来说,眼光,格局,长远发展的方向才是最重要的。

35岁中年危机大多是因为被短期的利益牵着走,过早压榨掉了价值,如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。
要提升技能,往往是自己摸索成长,不成体系的学习效果低效漫长,而且极易碰到天花板技术停滞不前!

我们整理了一份阿里P7级别的Android架构师全套学习资料,特别适合有3-5年以上经验的小伙伴深入学习提升。

主要包括腾讯,以及字节跳动,阿里,华为,小米,等一线互联网公司主流架构技术。

[外链图片转存中…(img-8M6qvkS1-1649660870225)]

如果你觉得自己学习效率低,缺乏正确的指导,可以一起学习交流!

我们致力打造一个平等,高质量的Android交流圈子,不一定能短期就让每个人的技术突飞猛进,但从长远来说,眼光,格局,长远发展的方向才是最重要的。

35岁中年危机大多是因为被短期的利益牵着走,过早压榨掉了价值,如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/992884.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存