Android实现ViewPager无限循环效果(二)

本文实例为大家分享了Android实现ViewPager无限循环效果的第二种方式,供大家参考,具体内容如下

原理:在Adapter中将getCount设置为无限大

package com.xiaomai.myproject.demo;

import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;

import com.xiaomai.myproject.R;
import com.xiaomai.myproject.adapter.LoopViewPagerAdapter2;
import com.xiaomai.myproject.base.BaseActivity;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by XiaoMai on 2016/10/9 17:44.
 *
 */
public class LoopViewPagerDemo2Activity extends BaseActivity {

  /**
   * 更新图片的时间
   */
  private static final int UPDATE_TIME = 3 * 1000;

  private ViewPager mViewPager;

  private LoopViewPagerAdapter2 mAdapter;

  /**
   * 指示Point
   */
  private LinearLayout mLinearLayoutPonits;

  /**
   * 图片资源集合
   */
  private int[] mImageIds;

  /**
   * 图片集合
   */
  private List<ImageView> mImageList;

  /**
   * 当前广告的index
   */
  private int mCurrentPageIndex;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

  }

  @Override
  protected void initVariables() {
    super.initVariables();
    /**
     * 初始化图片的资源id
     */
    mImageIds = new int[]{
        R.mipmap.ic_launcher,
        R.mipmap.ic_launcher,
        R.mipmap.ic_launcher,
        R.mipmap.ic_launcher,
        R.drawable.my_toast,
        R.drawable.my_toast,
        R.drawable.my_toast,
        R.drawable.my_toast};
    /**
     * 添加ImageView
     */
    mImageList = new ArrayList<>();
    //额外添加两张图片
    ViewGroup.LayoutParams layoutParams =
        new ViewGroup.LayoutParams(
            ViewGroup.LayoutParams.MATCH_PARENT,
            ViewGroup.LayoutParams.WRAP_CONTENT);
    for (int i = 0; i < mImageIds.length; i++) {
      ImageView imageView = new ImageView(mContext);
      imageView.setLayoutParams(layoutParams);
      mImageList.add(imageView);
    }
  }

  @Override
  protected void initViews() {
    mLinearLayoutPonits = (LinearLayout) findViewById(R.id.activity_ll_container);
    mViewPager = (ViewPager) findViewById(R.id.activity_loop_viewpager);
    mAdapter = new LoopViewPagerAdapter2(mImageList, mImageIds);
    mViewPager.setAdapter(mAdapter);
    int middle = mAdapter.getCount() / 2;
    mViewPager.setCurrentItem(middle - middle % mImageList.size());
  }

  @Override
  protected int getContentLayout() {
    return R.layout.act_loopviewpager;
  }
}

代码:

package com.xiaomai.myproject.adapter;

import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import java.util.List;

/**
 * Created by XiaoMai on 2016/10/9 17:53.
 */
public class LoopViewPagerAdapter2 extends PagerAdapter {

  private List<ImageView> mImageList;

  private int[] mImageIds;

  public LoopViewPagerAdapter2(List<ImageView> mImageList, int[] mImageIds) {
    this.mImageList = mImageList;
    this.mImageIds = mImageIds;
  }

  @Override
  public int getCount() {
    return Integer.MAX_VALUE;
  }

  @Override
  public boolean isViewFromObject(View view, Object object) {
    return view == object;
  }

  @Override
  public Object instantiateItem(ViewGroup container, int position) {
    ImageView imageView = mImageList.get(position % mImageList.size());
    imageView.setImageResource(mImageIds[position % mImageIds.length]);
    container.addView(imageView);
    return mImageList.get(position % mImageList.size());
  }

  @Override
  public void destroyItem(ViewGroup container, int position, Object object) {
    container.removeView(mImageList.get(position % mImageList.size()));
  }
}

act_loopviewpager.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">

  <include
    android:id="@+id/titleBar"
    layout="@layout/my_app_bar" />

  <android.support.v4.view.ViewPager
    android:id="@+id/activity_loop_viewpager"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:layout_below="@id/titleBar" />

  <LinearLayout
    android:id="@+id/activity_ll_container"
    android:layout_width="match_parent"
    android:orientation="horizontal"
    android:gravity="center"
    android:background="@color/toast"
    android:layout_alignBottom="@id/activity_loop_viewpager"
    android:visibility="gone"
    android:layout_height="40dp"/>
</RelativeLayout>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android ViewPager实现无限循环的实例

    Android ViewPager实现无限循环的实例 ViewPager自身并不支持左右无限循环的功能,这里就提供一种方案让Android ViewPager实现左右无限循环的功能,这里记录下: 用于显示的mViews,比数据源mList,多了两个节点元素(头节点0:b和尾节点5:e用于跳转) 下图的不带箭头的红线,是mViews根据mList初始化的情况:带箭头的红线是跳转的情况. 首先还是布局文件: <RelativeLayout xmlns:android="http://schem

  • Android ViewPager导航小圆点实现无限循环效果

    之前用View Pager做了一个图片切换的推荐栏(就类似与淘宝.头条客户端顶端的推荐信息栏),利用View Pager很快就能实现,但是一次无意间使用淘宝APP的时候,突然发现它的效果和我做的还不一样,淘宝APP的推荐栏可以左右无限循环切换,而ViewPager自身其实并没有支持这个功能. 其实实现这个无限循环不难,只需要在数据源的首尾各添加一张多余的图片,在onPagerChangeListener()中监听position<1和position>(总数据条目-1)就可以了.另外一点需要注

  • Android ViewPager实现无限循环轮播广告位Banner效果

    现在一些app通常会在头部放一个广告位,底部放置一行小圆圈指示器,指示广告位当前的页码,轮播展示一些图片,这些图片来自于网络.这个广告位banner是典型的android ViewPager实现,但是如果自己实现这样的ViewPager,要解决一系列琐碎的问题,比如: (1)这个广告位ViewPager要支持无限循环轮播,例如,有3张图片,A,B,C,当用户滑到最后C时候再滑就要滑到A,反之亦然. (2)ViewPager要实现自动播放,比如每个若干秒如2秒,自动切换播放到下一张图片. (3)通

  • Android ViewPager实现智能无限循环滚动回绕效果

    android系统提供的ViewPager标准方式是左右可以自由滑动,但是滑动到最左边的极限位置是第一个page,滑动到最右边的位置是最后一个page,当滑动到最左或者最右时候,就不能再滑动/滚动了,这是Android系统默认的ViewPager实现方式. 但是有些情况下开发者可能希望ViewPager能够智能的无限循环滚动回绕,比如现在总共有编号1, 2, 3, 4, 5的5个Page. (1)当用户手指从右往左滚动到最右边/最后面的页面5时候,如果此时用户继续拖住ViewPager往左边滑动

  • Android ViewPager无限循环滑动并可自动滚动完整实例

    对于ViewPager 广告页这个功能很多APP都有这个功能在网上也看过一些资料,我就在这把我自己完整的实现方法写出来吧 基础的ViewPager: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="ma

  • Android实现基于ViewPager的无限循环自动播放带指示器的轮播图CarouselFigureView控件

    最近用到需要无限轮播自动播放的轮播轮播图,网上感觉都有这样那样的问题,于是自己写了一个通用的控件CarouselFigureView. 特点: 1.可以轮播view可以自己定义,不一定是要是ImageView2.指示器默认显示,但是可以隐藏3.可以设置指示器的颜色.间距.大小 4.有基础的可以自己修改代码改变指示器位置,这个应该不难5.可以自己开启和关闭自动轮播,开启轮播的时候可以设置轮播时间间隔,默认3000毫秒 我们先来看看效果图: 然后来看看使用代码 xml代码 <?xml version

  • Android ViewPager实现无限循环效果

    最近项目里有用到ViewPager来做广告运营位展示,看到现在很多APP的广告运营位都是无限循环的,所以就研究了一下这个功能的实现. 先看看效果 从一个方向上一直滑动,么有滑到尽头的感觉,具体是怎么实现的呢?看下面的思路. 实现思路 此处画了一幅图来表达实现无限循环的思路,即在数据起始位置前插入最后一项数据,在最后一项数据后插入第一项数据,当滑动到此处时,更新页面的索引位置就ok了 . 代码实现 这个方法用于数据处理,其中mediaList是原始数据,newMediaList是处理完的数据,mM

  • Android ViewPager无限循环实现底部小圆点动态滑动

    页面拖动到最后一页 再向下滑动回复到 第一页,第一页向前滑动回到 最后一页 同时,底部红色小圆点随着页面的滑动距离比例随时改变位置 布局: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas

  • Android viewpager中动态添加view并实现伪无限循环的方法

    本文实例讲述了Android viewpager中动态添加view并实现伪无限循环的方法.分享给大家供大家参考,具体如下: viewpager的使用,大家都熟悉,它可以实现页面之间左右滑动的切换,这里有一个需求,就是viewpager里面加载的页数不是确定的,而是根据数据的多少来确定的.常见的应用就是在一个新闻的详细页面中,显示与此新闻有关的图片. 下面我们来看一下代码: activity_main.xml <RelativeLayout xmlns:android="http://sch

  • Android实现ViewPager无限循环效果(一)

    本文实例为大家分享了Android实现ViewPager无限循环的具体代码,供大家参考,具体内容如下 方式一: 实现原理: 假设有3张图片,分别是1,2,3,那么就创建5张图片,这5张图片的顺序为:3,1,2,3,1,其中1,2,3为我们要实现滑动的图片,最左面的3和最右面的1是我们另外添加的图片,开始时,显示图片1,当图片向左滑动依次为1,2,3,当从第3张图片继续向左滑动,会出现我们多添加的图片1,这时,将当前的index设置为真正的图片1所在的位置. package com.xiaomai

随机推荐