Android Material 常用组件详解（八）—— TabLayout 使用详解

最新推荐文章于 2024-09-07 18:31:40 发布

e电动小马达e

最新推荐文章于 2024-09-07 18:31:40 发布

阅读量5.6k

点赞数 2

分类专栏： Android

本文链接：https://blog.csdn.net/weixin_42046829/article/details/110368047

版权

本文详细介绍了Android开发中TabLayout的使用，包括基础用法、添加未读提示、可滚动标签的实现，以及与ViewPager和ViewPager2的集成。重点讲解了TabLayout的关键属性，如容器、图标、文本标签、指示器等，并提供了相关的配置示例。

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

一、前言

在开发中，我们最常使用的是TabLayout+ViewPager+Fragment实现多个界面滑动的形式。
在这里插入图片描述

二、实现方式

2.1 基础用法

在这里插入图片描述

    <com.google.android.material.tabs.TabLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TAB 1"
            androi:icon="@drawable/ic_favorite_24dp"/>

        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TAB 2"
            androi:icon="@drawable/ic_music_24dp"/>

        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TAB 3"
            androi:icon="@drawable/ic_search_24dp"/>
    </com.google.android.material.tabs.TabLayout>

tabLayout.addOnTabSelectedListener(object : TabLayout.OnTabSelectedListener {
   

    override fun onTabSelected(tab: TabLayout.Tab?) {
   
        // Handle tab select
    }

    override fun onTabReselected(tab: TabLayout.Tab?) {
   
        // Handle tab reselect
    }

    override fun