android Viewpage 无限循环播放

最新推荐文章于 2016-09-13 13:56:20 发布
最新推荐文章于 2016-09-13 13:56:20 发布
阅读量714 收藏
点赞数
分类专栏： android 文章标签： android java 解决方案 图片
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ck12ck12/article/details/50718529
版权

如题，研究了老半天，最后终于搞定了，先贴上自己的代码！

package com.gaodun.faq.view;

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

import com.bumptech.glide.Glide;
import com.gaodun.common.pub.Global;
import com.gaodun.common.pub.MyLog;
import com.gaodun.faq.adapter.FaqControl;
import com.gaodun.faq.jazzyview.JazzyViewPager;
import com.gaodun.faq.jazzyview.JazzyViewPager.TransitionEffect;
import com.gaodun.faq.model.AdvertModel;
import com.gaodun.faq.model.Faq;
import com.gdwx.dayicpa.FaqActivity;
import com.gdwx.dayicpa.MainActivity;
import com.gdwx.dayicpa.R;
import com.gdwx.dayicpa.WebViewActivity;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;

public final class AdvertView extends LinearLayout implements OnPageChangeListener {

	/** 直播默认图片 */
	public final static String DEF_ADVER = "http://api.gaodun.com/Public/images/default_1.jpg";

	private final static int PAGE_CHANGE_TIME = 4000;// 广告切换时间

	public View view;

	private Context context;

	private View rlAdverView;

	/* 广告 */
	private static JazzyViewPager mJazzy;// 广告滑动
	private Handler handler;// 设置自动滑动的handler

	/** 广告的位置点 */
	private List<ImageView> imgList;

	private List<LinearLayout> listViews;

	private PdAdapter adAdapter;

	private LinearLayout mLayoutInflater;

	private Runnable scrollRunnable = new Runnable() {

		@Override
		public void run() {
			if (mJazzy != null) {
				mJazzy.setCurrentItem(mJazzy.getCurrentItem() + 1);
				handler.postDelayed(scrollRunnable, PAGE_CHANGE_TIME);
			}
		}
	};

	public AdvertView(Context context) {
		super(context);
		this.context = context;
		init();
	}

	public AdvertView(Context context, AttributeSet attrs) {
		super(context, attrs);
		this.context = context;
		init();
	}

	private final void init() {
		view = LayoutInflater.from(getContext()).inflate(R.layout.item_header_firstfragment, null);

		rlAdverView = view.findViewById(R.id.rl_advert_view);
		rlAdverView.getLayoutParams().height = (int) (101 * Global.DeviceScale);
		rlAdverView.requestLayout();

		imgList = new ArrayList<ImageView>();

		handler = new Handler();
	}

	private void sendScrollMessage() {
		if (handler != null) {
			handler.removeCallbacks(scrollRunnable);
			handler.postDelayed(scrollRunnable, PAGE_CHANGE_TIME);
		}

	}

	// 广告view
	public void initAdView(List<AdvertModel> list) {
		if (list.size() == 0) {// 添加默认广告
			AdvertModel ad = new AdvertModel();
			ad.setAdvertUrl("");
			ad.setPicUrl(null);
			ad.setType("-1");
			list.add(ad);
		}

		addAdvertViews(list);
		setAdvertChangePoint(list.size());
		adAdapter = new PdAdapter();
		mJazzy = (JazzyViewPager) view.findViewById(R.id.jazzy_pager);
		mJazzy.setTransitionEffect(TransitionEffect.CubeOut);// 手风琴
		mJazzy.setAdapter(adAdapter);
		mJazzy.setPageMargin(30);
		mJazzy.setOnPageChangeListener(this);
		sendScrollMessage();
	}

	private void setAdvertChangePoint(int adCounts) {
		// 广告页却换的点
		imgList.clear();
		LinearLayout pointView = (LinearLayout) view.findViewById(R.id.ll_point_view);

		if (adCounts > 1) {
			pointView.setVisibility(View.VISIBLE);
			pointView.removeAllViews();
			for (int i = 0; i < adCounts; i++) {
				ImageView img = new ImageView(this.getContext());
				img.setImageResource(R.drawable.bannerdll);
				imgList.add(img);
				pointView.addView(img);
			}
		} else {
			pointView.setVisibility(View.GONE);
		}
	}

	private void addAdvertViews(List<AdvertModel> list) {
		listViews = new ArrayList<LinearLayout>();
		for (int i = 0; i < list.size(); i++) {
			final AdvertModel adver = list.get(i);
			mLayoutInflater = (LinearLayout) LayoutInflater.from(this.getContext()).inflate(R.layout.ke_item_adv, null);
			ImageView advertImg = (ImageView) mLayoutInflater.getChildAt(0);
			advertImg.setOnClickListener(new OnClickListener() {

				@Override
				public void onClick(View v) {

					switch (v.getId()) {
					case R.id.btn_adv:
						int type = Integer.parseInt(adver.getType());
						MyLog.e(type + "");
						switch (type) {
						case 1:
							Intent i = new Intent();
							i.putExtra(WebViewActivity.KEY_URL, adver.getAdvertUrl());
							i.setClass(context, WebViewActivity.class);
							((Activity) context).startActivity(i);
							break;
						case 2:
							Faq faq = new Faq();
							long id = Long.parseLong(adver.getAdvertUrl());
							faq.setId(id);
							FaqControl.getBrowseInstance().setBrowseFaq(faq);
							MainActivity.startMeByType(getContext(), FaqActivity.FM_FAQ_DETAILS, FaqActivity.class);
							break;
						}
					default:
						break;
					}
				}
			});
			listViews.add(mLayoutInflater);
			Glide.with(getContext()).load(adver.getPicUrl()).placeholder(R.drawable.def_banner).into(advertImg);
		}
	}


	// 广告的pager
	private class PdAdapter extends PagerAdapter {
		@Override
		public Object instantiateItem(ViewGroup container, final int position) {
			if (listViews.get(position % listViews.size()).getParent() != null) {
				((ViewPager) container).removeView(listViews.get(position % listViews.size()));
			}
			((ViewPager) container).addView(listViews.get(position % listViews.size()), 0);
			return listViews.get(position % listViews.size());
		}

		@Override
		public void destroyItem(ViewGroup container, int position, Object obj) {
		}

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

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

	@Override
	public void onPageScrollStateChanged(int arg0) {

	}

	@Override
	public void onPageScrolled(int arg0, float arg1, int arg2) {

	}

	@Override
	public void onPageSelected(int arg0) {
		int itemIndex = arg0 % listViews.size();
		int imgPointSize = imgList.size();
		if (imgPointSize > 1) {
			for (int i = 0; i < imgList.size(); i++) {
				imgList.get(i).setImageResource(R.drawable.bannerdll);
			}
			imgList.get(itemIndex).setImageResource(R.drawable.bannerdllcur);
		}
	}
	

}


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"
    android:orientation="vertical" >

    <RelativeLayout
        android:id="@+id/rl_advert_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <com.gaodun.faq.jazzyview.JazzyViewPager
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/jazzy_pager"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <LinearLayout
            android:id="@+id/ll_point_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="10dp"
            android:layout_marginRight="10dp"
            android:orientation="horizontal" >
        </LinearLayout>
    </RelativeLayout>

</LinearLayout>

如上代码是自定义的广告banner，大部分代码都是初始化数据的代码，

请看主要代码 PdAdapter,

首先添加这一句：

@Override
		public int getCount() {
			return Integer.MAX_VALUE;
		}
是的viewpage可以无限轮播；

其次修改初始化方法和destroyItem方法：

	@Override
		public Object instantiateItem(ViewGroup container, final int position) {
			if (listViews.get(position % listViews.size()).getParent() != null) {
				((ViewPager) container).removeView(listViews.get(position % listViews.size()));
			}
			((ViewPager) container).addView(listViews.get(position % listViews.size()), 0);
			return listViews.get(position % listViews.size());
		}

		@Override
		public void destroyItem(ViewGroup container, int position, Object obj) {
		}
destroyItem方法不要放remove的操作，不然滑动的时候会有空白页出现，instantiateItem方法用取于的方法；

这样写完后，碰到了一个问题，播放的时候，界面会卡死，当时切换广告页的方法用的是，handler.sendEmptyMessageDelayed,

后来换成了handler.postDelayed，使用了 runnable 来更新UI 就没有这个问题了；

真是神奇的代码！


ck12ck12
关注
专栏目录
Android UI设计——ViewPage的无限循环(五)
To_be_Designer
09-03 3031
一般情况下，我们定义的ViewPager在翻到最后一个页面后将不能够滑动，翻到第一个页面后也不能够滑动，但是我们却经常会看到很多手机APP会循环显示ViewPager的页面。 　　实现这种循环的方式有两种：一种是实现真正的循环；一种实现伪循环。下面我们分别看看两种循环不同实现方法。 真正的循环 实现原理　　我们一共显示的的有三张视图，但是为了循环显示，我们需要在添加到PagerAdapter的数据
Android ViewPage 图片、视频轮播
a598068693的博客
05-16 8767
直接进入主题 为了方便使用我们先自定义一个View(当然不自定义也行，具体就不说了) public class Banner extends RelativeLayout { private ViewPager viewPager; private final int UPTATE_VIEWPAGER = 100; //图片默认时间间隔 private in...
Android ViewPager实现无限循环效果
01-05
最近项目里有用到ViewPager来做广告运营位展示，看到现在很多APP的广告运营位都是无限循环的，所以就研究了一下这个功能的实现。 先看看效果 从一个方向上一直滑动，么有滑到尽头的感觉，具体是怎么实现的呢？看下面的思路。 实现思路 此处画了一幅图来表达实现无限循环的思路，即在数据起始位置前插入最后一项数据，在最后一项数据后插入第一项数据，当滑动到此处时，更新页面的索引位置就ok了 。 代码实现 这个方法用于数据处理，其中mediaList是原始数据，newMediaList是处理完的数据，mMediaList是用于页面显示的数据。 public void initItemList(L
Android viewpager无限循环
08-19
Android viewpager无限循环，并且可以设置自动循环！
ViewPage(无限循环)
09-07
ViewPage(无限循环)
Android无限循环ViewPager
junjun071308的专栏
09-19 1581
无限左右循环优化版ViewPager
ViewPage 无限滑动
04-26
综上所述，ViewPage无限滑动涉及到了Android UI设计、ViewPager组件、适配器模式、反射技术以及自动滑动的实现。理解并熟练掌握这些知识点对于构建具有流畅用户体验的Android应用至关重要。压缩包中的`viewpage`文件...
Android使用viewpager实现自动无限轮播图
08-27
"Android 使用 ViewPager 实现自动无限轮播图" Android 中的 ViewPager 是一个非常实用的控件，可以用来实现各种类型的滑动效果，而自动无限轮播图正是其中的一种常见应用场景。下面将详细介绍如何使用 ViewPager ...
Android ViewPager实现无限循环轮播广告位Banner效果
08-30
Android ViewPager实现无限循环轮播广告位Banner效果 在 Android 开发中，实现一个无限循环轮播的广告位 Banner 是非常常见的需求。这种需求可以使用 Android 的 ViewPager 来实现。今天，我们将详细介绍如何使用 ...
无限循环viewpager
03-14
无限循环ViewPager是Android开发中一个常见且实用的功能，主要用于展示一系列图片或者其他视图，并能自动循环播放，常用于轮播广告、产品展示等场景。在本文中，我们将深入探讨如何实现这样一个无限循环的ViewPager...
Android 使用viewpager实现无限循环(定时+手动)
09-03
主要介绍了Android 使用viewpager实现无限循环(定时+手动)的相关资料,需要的朋友可以参考下
Android中可无限循环轮播的ViewPager
03-19
技术要点：伪无限循环，加载本地图片，带标题和指示器，长按停止滚动，也可通过按钮控制滚动及停止，详细了解请移步http://blog.csdn.net/zxc514257857/article/details/63688217
Android无限循环与自动播放ViewPager的简单实现(广告栏)博客源码
12-19
http://blog.csdn.net/u013904672/article/details/53743308 博客配套源码
android-auto-scroll-view-pager自动循环滚动
08-13
NULL 博文链接：https://274137570-qq-com.iteye.com/blog/2302133
Android ViewPager实现无限循环（1_首尾完美过渡）
12-27
Android ViewPager实现无限循环（1.首尾完美过渡） 网上的一些ViewPager无限循环的demo，是在ViewPager的前后各加上一个item，这样在首尾衔接的时候会显得非常的生硬。 本demo将PagerAdapter的getCount方法返回Integer.MAX_VALUE来避免
Android小技巧之无限循环的ViewPager
weixin_34187862的博客
08-26 104
前言 之所以会写着篇文章的原因是我现在项目用运用到了广告轮播(BannerView)，当时在赶项目的时候在github上面找到了符合的开 源库 就直接引用了，但是该开源库稍微有点庞大，功能比较繁多。于是在这样的情况之下，我决定自己造轮子。（现在处于项目完善和迭代器，正在重构项目，去除多余的第三方等以减少...
ViewPage无限循环
lihui_92_11_11的专栏
04-07 1370
实现轮播的效果ViewPage：分为“假无限循环”和“真无限循环”。首先我们要了解viewpage这个控件，这个控件主要的作用是滑动效果，它和listview类似也有个适配器PagerAdapter，因此如果我们写个适配器继承PageAdapter设置它的长度是Integer.MAX_VALUE同时在显示图片的时候通过求余的方式获取显示第几张图片的方法，那么viewpage就实现了这种假无限滑动效果
android 打造真正的无限循环viewpager
热门推荐
Jimi_Wu的专栏
09-13 1万+
通过监听viewpager的滑动实现无限循环，并解决边界的不友好跳转问题
ViewPager自动循环播放
fjliang的专栏
05-13 4262
碎碎
viewPage+recycleview 横向翻页无限循环代码
最新发布
06-07
以下是 Android 中结合 ViewPager 和 RecyclerView 实现横向翻页无限循环的代码示例： 1. 在布局文件中定义 ViewPager 和 RecyclerView： ```xml <androidx.viewpager.widget.ViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="200dp" /> <androidx.recyclerview.widget.RecyclerView android:id="@+id/recycler_view" android:layout_width="match_parent" android:layout_height="wrap_content" /> ``` 2. 在 Activity 或 Fragment 中初始化 ViewPager 和 RecyclerView： ```java private ViewPager mViewPager; private MyPagerAdapter mPagerAdapter; private RecyclerView mRecyclerView; private LinearLayoutManager mLinearLayoutManager; private List<MyData> mDataList; private MyAdapter mAdapter; private int mCurrentPosition = 0; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mViewPager = findViewById(R.id.view_pager); mRecyclerView = findViewById(R.id.recycler_view); // 设置 ViewPager 适配器 mPagerAdapter = new MyPagerAdapter(this); mViewPager.setAdapter(mPagerAdapter); // 初始化数据 mDataList = new ArrayList<>(); for (int i = 0; i < 20; i++) { mDataList.add(new MyData("Item " + i)); } // 初始化适配器 mAdapter = new MyAdapter(this, mDataList); // 初始化布局管理器 mLinearLayoutManager = new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false); mRecyclerView.setLayoutManager(mLinearLayoutManager); // 设置适配器 mRecyclerView.setAdapter(mAdapter); // 监听 RecyclerView 滚动事件 mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public void onScrolled(RecyclerView recyclerView, int dx, int dy) { super.onScrolled(recyclerView, dx, dy); // 计算当前显示在 ViewPager 中的位置 int position = mLinearLayoutManager.findFirstCompletelyVisibleItemPosition(); if (position != RecyclerView.NO_POSITION && position != mCurrentPosition) { mCurrentPosition = position; mViewPager.setCurrentItem(mCurrentPosition, false); } } }); // 监听 ViewPager 页面切换事件 mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { // 设置 RecyclerView 滚动到对应位置 mRecyclerView.smoothScrollToPosition(position); mCurrentPosition = position; } @Override public void onPageScrollStateChanged(int state) { } }); // 初始化第一个页面 mViewPager.setCurrentItem(mCurrentPosition); mRecyclerView.scrollToPosition(mCurrentPosition); } ``` 3. 编写 ViewPager 和 RecyclerView 的适配器和数据类： ```java public class MyPagerAdapter extends PagerAdapter { private Context mContext; public MyPagerAdapter(Context context) { mContext = context; } @Override public int getCount() { return 20; } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } @Override public Object instantiateItem(ViewGroup container, int position) { View view = LayoutInflater.from(mContext).inflate(R.layout.item_my_pager, container, false); TextView textView = view.findViewById(R.id.tv_text); textView.setText("Page " + position); container.addView(view); return view; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View) object); } } public class MyAdapter extends RecyclerView.Adapter<MyViewHolder> { private Context mContext; private List<MyData> mDataList; public MyAdapter(Context context, List<MyData> dataList) { mContext = context; mDataList = dataList; } @Override public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View view = LayoutInflater.from(mContext).inflate(R.layout.item_my_data, parent, false); return new MyViewHolder(view); } @Override public void onBindViewHolder(MyViewHolder holder, int position) { MyData data = mDataList.get(position); holder.mTextView.setText(data.getText()); } @Override public int getItemCount() { return mDataList.size(); } } public class MyViewHolder extends RecyclerView.ViewHolder { public TextView mTextView; public MyViewHolder(View itemView) { super(itemView); mTextView = itemView.findViewById(R.id.tv_text); } } public class MyData { private String mText; public MyData(String text) { mText = text; } public String getText() { return mText; } } ``` 在这个示例中，当用户滑动 RecyclerView 时，会自动滑动到对应的 ViewPager 页面，当用户滑动 ViewPager 页面时，会自动滑动到对应的 RecyclerView 列表项，实现了横向翻页无限循环的效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值