Kotlin ViewPager与Fragment实现一页多状态效果？

最新推荐文章于 2024-07-18 13:55:43 发布

yyxhzdm

最新推荐文章于 2024-07-18 13:55:43 发布

阅读量737

点赞数

分类专栏： Kotlin基础基础知识学习 Android进阶知识文章标签： android

本文链接：https://blog.csdn.net/yyxhzdm/article/details/109195831

版权

本文介绍如何使用Kotlin配合ViewPager在Android应用中实现一页展示多个状态的效果。详细步骤包括Build中添加相关引用，设置activity_main.xml布局，创建Fragment的adapter，以及在主Activity中进行配置。此外，还提到了自定义Fragment和使用app:tabSelectedTextColor等属性来改变选中状态的字体颜色。

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

一、效果图

二、实现步骤

1.Build中添加引用

//viewpager2
implementation "androidx.viewpager2:viewpager2:1.0.0"
//tab
implementation 'com.google.android.material:material:1.2.1'

2.布局activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/color_white"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#0361CE"
        android:minHeight="160px">

        <ImageView
            android:id="@+id/img_zhxz_back"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="20px"
            android:src="@mipmap/img_back"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wr