【安卓开发】TabLayout的使用

最新推荐文章于 2024-07-26 21:24:56 发布

豆沙睡不醒

最新推荐文章于 2024-07-26 21:24:56 发布

阅读量759

点赞数

分类专栏： # 项目-安卓开发文章标签： android java apache

本文链接：https://blog.csdn.net/weixin_45675097/article/details/121776380

版权

项目-安卓开发专栏收录该内容

19 篇文章 2 订阅

订阅专栏

本文介绍了如何在Android应用中结合TabLayout和ViewPager实现页面滑动切换。通过添加依赖库，设置XML布局文件中的TabLayout属性，如tabMode、tabGravity等，以及配置颜色属性，可以创建一个功能完善的底部导航栏。最后，通过Java代码将TabLayout与ViewPager进行绑定，实现页面和标题栏的同步滑动效果。

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

用途

作为标签栏，和 $V i e w P a g e r$ 页面实现联合滑动。

添加依赖

implementation 'com.android.support:design:26.1.0'

编写xml文件

app:tabMode=“fixed” 固定标题栏；scrollable指标题栏可滑动
tabGravity="center"居中显示，fill 占满全屏
tabIndicatorColor 导航条中标题被选中时下划线的颜色
tabSelectedTextColor导航条中标题被选中时标题栏的颜色

<com.google.android.material.tabs.TabLayout
            android:id="@+id/record_tabs"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_centerHorizontal="true"
            app:tabGravity="center"
            app:tabMode="fixed"
            app:tabTextColor="#7D7D7D"
            app:tabSelectedTextColor="@color/black"
            app:tabIndicatorColor="@color/black"/>

<androidx.viewpager.widget.ViewPager
        android:id="@+id/record_vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

绑定ViewPager和TabLayout

TabLayout tableLayout;
ViewPager viewPager;
tableLayout=findViewById(R.id.record_tabs);//查找控件
        viewPager=findViewById(R.id.record_vp);
tableLayout.setupWithViewPager(viewPager);//绑定