ViewPager（一屏多页、无限滑动、自动切换）

最新推荐文章于 2024-05-09 19:20:23 发布

置顶

arvin_ljw

最新推荐文章于 2024-05-09 19:20:23 发布

阅读量3.5k

点赞数 2

分类专栏： android_demo分析文章标签： ViewPager 一屏多页无限滑动自动切换

本文链接：https://blog.csdn.net/u013619657/article/details/52370663

版权

一、简介

前段时间在腾讯视频中看到一个效果，是一个广告轮播，然后一屏还显示了多页。看着这个效果看着还不错，就自己实现了下。

国际惯例先上效果图，如下：（虽然界面比较简陋，但是功能是全的）

============================分割线========================

二、原理

实现如上效果需要两个功能：一屏多页、无限滑动、自动切换，下边将分别简单的介绍其原理。

1、一屏多页

不限制子View在其范围内。

2、无限滑动

限于文字功底不足，所以举例说明一下。有一个ViewPager，有5页数据{1,2,3,4,5}，那么在1前加一页为0，内容和5一样，同时在5后加一页为6，内容和1一样（Adapter中体现）；然后在页面切换后判断，如果是0页时跳转到5页，6页时跳转到1页。

3、自动切换

每隔一段时间，切换到下一页

三、实现

（1）让ViewPager的父容器具有android:clipChildren="false"和android:layerType="software"这两个属性，前一句主要意思是不限制子View在其范围内，后一句是启动硬件加速。

（2）ViewPager设置marginLeft和marginRight属性，这两个大小会分别导致左右两边的page显示的大小。

这两步代码如下：

<?xml version="1.0" encoding="utf-8"?>
<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"
    android:clipChildren="false"
    android:layerType="software"
    tools:context="net.arvin.viewpagertransdemo.MainActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/mPager"
        a