Android viewpager2 + indicator 实现页面滑动

真圆不圆

已于 2022-01-27 16:15:33 修改

阅读量2.9k

点赞数

文章标签： android android studio java

于 2022-01-27 16:06:26 首次发布

本文链接：https://blog.csdn.net/linququ/article/details/122719174

版权

本文介绍了如何在Android项目中结合viewpager2和指示器实现页面滑动效果。首先，需要在build.gradle文件中添加依赖。接着，设计XML布局，包括activity_view.xml和item_layout.xml。在drawable目录下创建btn_background.xml用于定义按钮背景。然后，创建ViewActivity作为主活动，OnBoardingIemModel作为数据模型，OnBoardingAdapter作为适配器，以完成滑动页面的展示。

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

在build.gradle里面添加依赖

   implementation 'com.tbuonomo:dotsindicator:4.2'
   implementation 'androidx.viewpager2:viewpager2:1.0.0-alpha01'

首先是xml布局

activity_view.xml

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="@+id/tv_skip"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="@+id/indicator"
        app:layout_constraintVertical_bias="0.558" />

    <com.tbuonomo.viewpagerdotsindicator.WormDotsIndicator
        android:id="@+id/indicator"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:layout_marginLeft="16dp"
        android:layout_marginBottom="44dp"
        app:dotsColor="@color/colorglary"
        app:dotsSize="10dp"
        app:dotsSpacing="10dp"
        app:dotsStrokeColor="@color/colorglary"
        app:layout_constraintBottom_toBottomOf="parent"
        app