Androidx下TabLayout使用的变化

前言

在很久以前写过几篇关于TabLayout使用的文章，大家有兴趣的话可以参考以下文章
TabLayout实现顶部导航(一)
TabLayout基本属性全解
TabLayout自定义tab，实现多样导航栏
但是这几篇文章都是在android.surport.v4包或者android.surport.v7包下的实现。由于现在项目基本上是androidx,所以在引用及使用上有少许变化。

今天涉及知识点：

1. TabLayout 下 Androidx 项目下的库导入
2. TabLayout 下 Androidx 项目下的布局文件中的控件引用

更多精彩内容，请关注微信公众号 "Android进击",大家一起来学习进步吧

一. TabLayout 下 Androidx 项目下的库导入

在 android.surport.v4/v7项目中TabLayout在app_module对应的build.gradle中的引用如下：

    //TabLayout
    compile 'com.android.support:design:27.1.1'
    compile 'com.android.support:support-v4:27.1.1'

在androidx项目中TabLayout在app_module对应的build.gradle中的引用如下：

    //TabLayout
    implementation 'com.google.android.material:material:1.2.0'

二. TabLayout 下 Androidx 项目下的布局文件中的控件引用

在 android.surport.v4/v7项目中TabLayout在xml布局中的引用如下：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.android.testdemo.main.MainActivity">

    <android.support.design.widget.TabLayout
        android:id="@+id/tablayout"
        android:layout_width="0dp"
        android:layout_height="@dimen/dp_40"
        app:tabIndicatorColor="@color/green"
        app:layout_constraintEnd_toStartOf="@+id/button1"
        app:layout_constraintStart_toStartOf="parent"
        app:tabMode="scrollable">
    </android.support.design.widget.TabLayout>
    
    //其他代码省略
    //......
 
</android.support.constraint.ConstraintLayout>

而androidx项目中TabLayout在xml布局中的引用如下：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:pain="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:background="@color/white">

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tablayout"
        android:layout_width="0dp"
        android:layout_height="40dp"
        app:layout_constraintEnd_toStartOf="@+id/button1"
        app:layout_constraintStart_toStartOf="parent"
        app:tabIndicatorColor="@color/green"
        app:tabMode="scrollable"
        tools:ignore="MissingConstraints" />

    //其他代码省略
    //......
 

</androidx.constraintlayout.widget.ConstraintLayout>

这里需要注意的是，在androidx鲜蘑菇中，不仅TabLayout引用发生变化，ConstraintLayout布局的引用也不同

ok，今天的内容就介绍到这里了，谢谢大家。