ViewPager实现淘宝天面首页广告栏，支持左右滑动，自动滑动，带圆点指示器

时间：2015-02-09 18:35:36 阅读：189 评论：0 收藏：0 [点我收藏+]

原理：1.及根据当前viewpager的选中页面获取position，对其进行自增

2.之后调用：pager.setCurrentItem(currentpositon, true);进行页面切换

3.设置定时器每隔一段时间调用切换页面方法

核心代码如下：

package com.dett.viewpagerautochange;

import java.util.ArrayList;
import java.util.Timer;
import java.util.TimerTask;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class ViewPageActivity extends FragmentActivity {

ViewPager pager = null;
/**
* 切換計時器
*/
public Timer autoGallery = new Timer();
public ImageTimerTask timeTaks = null;
public int currentpositon = 0;
public int oldpositon = 0;
private boolean stopAuto;

public static Integer[] imgs = { R.drawable.one, R.drawable.two,
R.drawable.three, R.drawable.four, R.drawable.one };

ArrayList<String> list;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_view_page);

pager = (ViewPager) findViewById(R.id.myViewPager);

list = new ArrayList<String>();
for (int i = 0; i < imgs.length; i++) {
list.add(imgs[i] + "");
}

ImagePagerAdapter adapter = new ImagePagerAdapter(
getSupportFragmentManager(), list);
pager.setAdapter(adapter);
startAutoChange();
}

/**
* 开启自动切换
* @since 1.0.0
*/
public void startAutoChange(){
// 设置左右缓存页面
pager.setOffscreenPageLimit(2);

// 保证起始页可以左滑
pager.setCurrentItem(list.size() * 1000);

// 可定义页面切换速度
//FixedSpeedScroller.setDurTime(1000, pager);

pager.setOnPageChangeListener(new OnPageChangeListener() {

@Override
public void onPageSelected(int index) {
int currentP = index % list.size();
// 更新小点点颜色
changePointView2(oldpositon, currentP);
oldpositon = currentP;
}

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

@Override
public void onPageScrollStateChanged(int arg0) {
}
});

// 启动计时器
timeTaks = new ImageTimerTask();
autoGallery.scheduleAtFixedRate(timeTaks, 3000, 2000);
addPointView();

// 按下时停止自动滑动,弹起时继续定时滑动
pager.setOnTouchListener(new View.OnTouchListener() {

@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_MOVE:
stopAuto = true;
break;
case MotionEvent.ACTION_UP:
stopAuto = false;
break;
default:
stopAuto = true;
break;
}
return false;
}
});
}


/**
* 计时任务 ImageTimerTask
*/
class ImageTimerTask extends TimerTask {

@Override
public void run() {
if (stopAuto) {
return;
}
Message msg = Message.obtain();
msg.what = 1;
currentpositon = pager.getCurrentItem();
currentpositon++;
han.sendMessage(msg);
}
}

/**
* 设置选中item
*/
Handler han = new Handler() {
public void handleMessage(Message msg) {
if (msg.what == 1) {
Log.i("eeeeee", currentpositon + "");
pager.setCurrentItem(currentpositon, true);
}
}
};

/**
* 添加小点
*
* @exception
* @since 1.0.0
*/
public void addPointView() {
LinearLayout pointLinear = (LinearLayout) findViewById(R.id.gallery_point_linear);
pointLinear.setBackgroundColor(getResources().getColor(
android.R.color.transparent));// Color.argb(200, 135, 135, 152)
for (int i = 0; i < list.size(); i++) {
ImageView pointView = new ImageView(this);
if (i == 0) {
pointView.setBackgroundResource(R.drawable.feature_point_cur);
} else
pointView.setBackgroundResource(R.drawable.feature_point);
pointLinear.addView(pointView);
}
}

/**
* 改变小点
*
* @exception
* @since 1.0.0
*/
public void changePointView2(int oldposition, int currposition) {
LinearLayout pointLinear = (LinearLayout) findViewById(R.id.gallery_point_linear);
View oldview = pointLinear.getChildAt(oldposition);
View currview = pointLinear.getChildAt(currposition);
if (oldview != null && currview != null) {
ImageView pointView = (ImageView) oldview;
ImageView currView = (ImageView) currview;
pointView.setBackgroundResource(R.drawable.feature_point);
currView.setBackgroundResource(R.drawable.feature_point_cur);
}
}

}

技术分享

完整demo下载地址

ViewPager实现淘宝天面首页广告栏，支持左右滑动，自动滑动，带圆点指示器

标签：viewpager 淘宝广告缓存

原文地址：http://blog.csdn.net/u013626215/article/details/43671593

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行