View pager实现自动轮播图

最新推荐文章于 2021-05-25 17:01:33 发布

wanchuan_

最新推荐文章于 2021-05-25 17:01:33 发布

阅读量572

点赞数 1

分类专栏： viewpager自动轮播文章标签： viewpager 布局

本文链接：https://blog.csdn.net/wanchuan_/article/details/71105492

版权

本文介绍了如何利用ViewPager实现自动轮播图的功能。通过设置布局，使用ViewPager结合Adapter，配合监听器和Handler来更新文字描述及小圆点指示器，从而达到平滑切换的效果。并解释了ViewPager的工作原理，包括缓存机制和页面切换的处理。

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

轮播图

首先放上一张常见的轮播图样图：
这是一张神级图片
** 如图这就是常见的轮播图，对于这样的轮播图该怎么实现？
** 下面开始进入正题：
** 看图，通常这样的页面会滚动播放，同时页面的切换也是平滑的，那么我们首先想到的是应该用View Pager，是的，你没有看错，就是ViewPager。
** 首先先贴上XML文件，布局如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="160dp" >

        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:padding="5dp"
            android:orientation="vertical"
            android:layout_alignParentBottom="true"
            android:gravity="center_horizontal"
            android:background="#66000000" >

            <TextView
                android:id="@+id/tv_desc"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textColor="@android:color/white"
                android:singleLine="true"
                android:text=