第一种方法用的是ViewPager+Handler 来实现无线轮播;

第二种方式用的是UltraViewPager来实现,用UltraViewPager可以很简单的实现无线或不无线的轮播实现

地址:https://github.com/alibaba/UltraViewPager

1 在ViewPager的适配器中的getCount()长度设置无限大Integer.MAX_VALUE

2  明白当前currentIten 为position % images.length;

3  设置一开始ViewPager的位置 viewPager.setCurrentItem((images.length) * 1000);这样刚开始就可以向左滑动了

4  在OnPageChangeListener ViewPager的滑动监听中设置小点的位置

5  设置Handler 定时滑动开启滑动

6 在onResume中发送空消息,在onPause中移除消息将所有的Callbacks和Messages全部清除掉,避免内存泄露。

如下是主代码 图片是本地的

 package com.demo.sb.main;

 import java.util.ArrayList;
import com.demo.sb.utils.DensityUtil;
import com.demo.suibian.R;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
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.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout; public class MActivity_Luenbo extends Activity { private ViewPager viewPager;
private LinearLayout group;
private int[] images = { R.drawable.a, R.drawable.c, R.drawable.d,
R.drawable.guide_1, R.drawable.guide_2 };
private ArrayList<ImageView> mImageViewList;
private ImageView[] diandian;// ViewPager上的点点
private int selectedItem = 0; @Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.mactivity_luenbo);
viewPager = (ViewPager) findViewById(R.id.vp_viewPager);
group = (LinearLayout) findViewById(R.id.ll_viewGroup);
init(); } @SuppressLint("HandlerLeak")
private Handler mHandler = new Handler() {
public void handleMessage(android.os.Message msg) {
viewPager.setCurrentItem(selectedItem + 1);
mHandler.sendEmptyMessageDelayed(0, 3000);
};
}; private void init() {
// TODO Auto-generated method stub
// 引导3个ViewPager
mImageViewList = new ArrayList<ImageView>();
for (int i = 0; i < images.length; i++) {
ImageView imageView = new ImageView(this);
imageView.setBackgroundResource(images[i]);
mImageViewList.add(imageView);
} // 将点点加入到ViewGroup中
diandian = new ImageView[images.length];
for (int i = 0; i < images.length; i++) {
// 循环加入点点图片组
diandian[i] = new ImageView(this);
if (i == 0) {
diandian[i].setImageResource(R.drawable.page_indicator_focused);
} else {
diandian[i]
.setImageResource(R.drawable.page_indicator_unfocused);
}
diandian[i].setPadding(8, 8, 8, 8);
group.addView(diandian[i]);
}
viewPager.setAdapter(new GuideAdapter());
// 设置监听,主要是设置点点的背景
viewPager.setOnPageChangeListener(new GuidePagerListener());
// 设置ViewPager的默认项,设置为长度的1000倍,这样开始就能向左滑动了
viewPager.setCurrentItem((images.length) * 1000);
} /**
* 每次当onResume有焦点时发送个空消息开始轮播
*/
@Override
protected void onResume() {
// TODO Auto-generated method stub
super.onResume();
mHandler.sendEmptyMessageDelayed(0, 2000);
} /**
* 当暂停时停止轮播
*/
@Override
protected void onPause() {
// TODO Auto-generated method stub
super.onPause();
mHandler.removeCallbacksAndMessages(null);
} /**
* ViewPager的适配器
*
*/
private class GuideAdapter extends PagerAdapter { @Override
public int getCount() {
// TODO Auto-generated method stub
return Integer.MAX_VALUE;
} @Override
public boolean isViewFromObject(View arg0, Object arg1) {
// TODO Auto-generated method stub
return arg0 == arg1;
} // @Override
// public void destroyItem(View container, int position, Object object)
// {
// // TODO Auto-generated method stub
// ((ViewGroup) container).removeView(images[position
// % images.length]);
// }
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// TODO Auto-generated method stub
container.removeView((View) object);
} /**
* 加载图片进去,用当前的position除以图片数组长度取余数是关键
*/
@Override
public Object instantiateItem(ViewGroup container, int position) {
// TODO Auto-generated method stub
final int currentIten = position % images.length;
ImageView iView = mImageViewList.get(currentIten);
try { if (iView.getParent() == null) {
container.addView(iView);
}
iView.setOnClickListener(new OnClickListener() { @Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
DensityUtil.showToast(MActivity_Luenbo.this,
currentIten + "");
}
});
iView.setOnTouchListener(new NewTouchListener());
} catch (Exception e) {
// TODO: handle exception
} return iView;
} } /**
* ViewPager 的滑动监听
*
* @author Administrator
*
*/
private class GuidePagerListener implements OnPageChangeListener { @Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub } @Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub
System.out.println(arg0 + " dd " + arg1 + " dddd " + arg2);
} @Override
public void onPageSelected(int position) {
// TODO Auto-generated method stub
selectedItem = position;
System.out.println("第几个页面" + position + " " + position
% mImageViewList.size());
for (int i = 0; i < diandian.length; i++) {
if (i == position % images.length) {
diandian[i]
.setImageResource(R.drawable.page_indicator_focused);
} else {
diandian[i]
.setImageResource(R.drawable.page_indicator_unfocused);
}
}
} } /**
* ViewPager的触摸事件当按下图片停止轮播
*
* @author Administrator
*
*/
private class NewTouchListener implements OnTouchListener { @Override
public boolean onTouch(View arg0, MotionEvent arg1) {
// TODO Auto-generated method stub
switch (arg1.getAction()) {
case MotionEvent.ACTION_DOWN:
mHandler.removeCallbacksAndMessages(null);
break;
case MotionEvent.ACTION_CANCEL:
mHandler.sendEmptyMessageDelayed(0, 3000);
break;
case MotionEvent.ACTION_UP:
mHandler.sendEmptyMessageDelayed(0, 3000);
break;
default:
break;
}
return true;
} } }
 <?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" > <TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="@string/luenbo"
android:textColor="#f00" /> <FrameLayout
android:layout_width="match_parent"
android:layout_height="200dp" > <android.support.v4.view.ViewPager
android:id="@+id/vp_viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent" /> <RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|center"
android:layout_marginBottom="20dp" > <LinearLayout
android:id="@+id/ll_viewGroup"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal" />
</RelativeLayout> </FrameLayout> </LinearLayout>

第二种方式:

compile('com.alibaba.android:ultraviewpager:1.0.4@aar') {
transitive = true
}
<?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"
tools:context="com.xieer.citybike.app.activity.guide.GuideActivity"> <com.tmall.ultraviewpager.UltraViewPager
android:id="@+id/ultra_viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/darker_gray" /> <Button
android:id="@+id/guide_start"
android:layout_width="90dp"
android:layout_height="40dp"
android:background="#FCCCC7"
android:textSize="12sp"
android:textColor="#D0525D"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="50dp"
android:text="开始骑行吧"
android:visibility="gone" />
</RelativeLayout>
import android.content.Intent;
import android.content.SharedPreferences;
import android.graphics.Color;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.TypedValue;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView; import com.tmall.ultraviewpager.UltraViewPager;
import com.xieer.citybike.app.MainActivity;
import com.xieer.citybike.app.R;
import com.xieer.citybike.app.adapter.PageMyAdapter;
import com.xieer.citybike.app.utils.common.ToastUtils; import java.util.ArrayList; /**
* 引导页面
* 使用UltraViewPager 来实现的轮播效果
* https://github.com/alibaba/UltraViewPager
*/
public class GuideActivity extends AppCompatActivity {
private SharedPreferences sPreferences;
private ArrayList<ImageView> mdata;
private static final int[] mImageIds = new int[]{R.drawable.guide_1,R.drawable.guide_2,R.drawable.guide_3};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_guide);
mdata = new ArrayList<>();
for(int i=0;i<mImageIds.length;i++){
ImageView imageView = new ImageView(this);
imageView.setBackgroundResource(mImageIds[i]);
mdata.add(imageView);
}
sPreferences = getSharedPreferences("info",MODE_PRIVATE);
final Button btn_start = (Button)findViewById(R.id.guide_start);
UltraViewPager ultraViewPager = (UltraViewPager)findViewById(R.id.ultra_viewpager);
ultraViewPager.setScrollMode(UltraViewPager.ScrollMode.HORIZONTAL);
PagerAdapter adapter = new PageMyAdapter(this,mdata);
ultraViewPager.setAdapter(adapter);
//设置indicator样式
ultraViewPager.initIndicator();
ultraViewPager.getIndicator().setOrientation(UltraViewPager.Orientation.HORIZONTAL)
.setFocusColor(Color.GREEN)
.setNormalColor(Color.WHITE)
.setMargin(0,0,0, ToastUtils.dp2px(this,10))
.setRadius((int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,ToastUtils.dp2px(this,4),this.getResources().getDisplayMetrics()));
ultraViewPager.getIndicator().setGravity(Gravity.CENTER_HORIZONTAL | Gravity.BOTTOM);
ultraViewPager.getIndicator().build();
ultraViewPager.setInfiniteLoop(false);
ultraViewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener(){
@Override
public void onPageSelected(int position) {
super.onPageSelected(position);
if(position == mdata.size() - 1){
btn_start.setVisibility(View.VISIBLE);
}else {
btn_start.setVisibility(View.GONE);
}
}
});
btn_start.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
sPreferences.edit().putBoolean("isLoad",false).commit();
startActivity(new Intent(GuideActivity.this, MainActivity.class));
finish();
}
});
}
}

android实现无限轮播的更多相关文章

  1. Android之无限轮播图源代码

    Android轮播广告图是大家经常用到的一个控件今天便撸了一把代码 实现步骤 使用Viewpager进行实现图片滑动 设置ViewPager的数据,让其无限切换 Activity代码 public c ...

  2. Android之仿京东淘宝的自动无限轮播控件

    在App的开发中,很多的时候都需要实现类似京东淘宝一样的自动无限轮播的广告栏,所以就自己写了一个,下面是我自定义控件的思路和过程. 一.自定义控件属性 新建自定义控件SliderLayout继承于Re ...

  3. Android实现广告页图片无限轮播

    一.概述 对于一个联网的Android应用, 首页广告无限轮播基本已经成为标配了. 那么它是怎么实现的呢? 有几种实现方式呢? 二.无限轮播的实现 1.最常规的手段是用 ViewPager来实现 2. ...

  4. android中广告轮播图总结

    功能点:无限轮播.指示点跟随.点击响应.实现思路: 1.指示点跟随,指示点通过代码动态添加,数量由图片数量决定. 在viewpager的页面改变监听中,设置点的状态选择器enable,当前页时,set ...

  5. ViewPager实现无限轮播踩坑记

    最近笔者想通过ViewPager来实现一个广告Banner,并实现无限轮播的效果,但是在这个过程中踩了不少的坑,听我慢慢道来.如果大家有遇到和我一样的情况,可以参考我的解决方法,没有那就更好,如果针对 ...

  6. ViewPage实现无限轮播画廊效果

    1. 效果图 2. 布局文件 主要使用的 android:clipChildren的意思:是否限制子View在其范围内.再父布局和viewpager中设置该属性  ,要显示三个界面 ,还要设置marg ...

  7. iOS开发之三个Button实现图片无限轮播(参考手机淘宝,Swift版)

    这两天使用Reveal工具查看"手机淘宝"App的UI层次时,发现其图片轮播使用了三个UIButton的复用来实现的图片循环无缝滚动.于是乎就有了今天这篇博客,看到“手机淘宝”这个 ...

  8. iOS:实现图片的无限轮播(二)---之使用第三方库SDCycleScrollView

    iOS:实现图片的无限轮播(二)---之使用第三方库SDCycleScrollView 时间:2016-01-19 19:13:43      阅读:630      评论:0      收藏:0   ...

  9. iOS开发之ImageView复用实现图片无限轮播

    在上篇博客中iOS开发之多图片无缝滚动组件封装与使用给出了图片无限轮播的实现方案之一,下面在给出另一种解决方案.今天博客中要说的就是在ScrollView上贴两个ImageView, 把ImageVi ...

随机推荐

  1. CocoaPods 使用

    为什么要使用这个玩意呢,最近在使用swift开发项目,使用 swift 开源库的时候,在git上下载后居然不知道哪些是必须文件,还要思考下,看看哪些是需要的(不像原来oc开源库,一目了然),网上使用d ...

  2. jsp中运用application实现共享留言板功能

    jsp中application的知识点总结: 1.一个Web应用程序启动后,将会自动创建一个application对象,在整个应用程序的运行过程中只有这一个application对象,即所有访问该网站 ...

  3. 品味FastDFS~第三回 项目中的FastDFS

    回到目录 包括京东,淘宝在内的几个互联网老大,在实现分布式文件存储这块都使用了FastDFS,它是一个轻量级的东西,安装与使用都很方便,服务器间通过socket进行数据通讯,无论在安全和效率上都是可以 ...

  4. lua跨平台文件夹遍历匹配查找

    require"lfs" --[[Desc:在B路径D文件中下 搜寻A路径下的没用到的C类文件: 并且将没用到的B类文件名称打印出来: 设置好路径拖到lua自带编辑器中即可运行之; ...

  5. salesforce 零基础学习(三十七) DML及Database方法简单描述

    在apex中通过soql查询可以使用两种方式,使用DML语句或者使用Database的方法. 使用DML语句和使用Database类的方法对于我们来说用的都很多,并且都很常见.对于数据库常见的操作:增 ...

  6. iOS开发——高级技术OC篇&运行时(Runtime)机制

    运行时(Runtime)机制 本文将会以笔者个人的小小研究为例总结一下关于iOS开发中运行时的使用和常用方法的介绍,关于跟多运行时相关技术请查看笔者之前写的运行时高级用法及相关语法或者查看响应官方文档 ...

  7. angular的$resource factory都有啥

    angular的$resource factory都有啥 A factory which creates a resource object that lets you interact with R ...

  8. 对于资源上MissingScript的清理方案讨论

    Unity工程随着复杂度的提升,常会有Prefab上的脚本丢失的情况,如下图所示: 首先失去关联的脚本,是没有线索找到原来是什么文件的,那么有没有办法批处理将这些MissingScript进行一下清理 ...

  9. Android线程机制——AsyncTask

    对于Android为什么要使用多线程,因为从Android4.0之后,谷歌规定了网络操作不允许放在主线程中执行,由此就有了多线程的机制,有个JAVA学习经验的朋友一定知道多线程指的是什么,简单来讲就是 ...

  10. 使用Google产品以来遇到的最糟糕、最霸道、最让人抓狂的设计

    很久没有登录cnblogs@gmail.com这个邮箱,今天通过gmail.com登录了一下,登录后出现一个对话框要求设置性别与出生日期,而且必须要设置,不设置不让登录. 这个邮箱是我们网站用的是邮箱 ...