android 轮播图手动循环滑动+自动循环滑动

吴（Android、Flutter）

已于 2023-11-21 11:48:05 修改

阅读量3.3k

点赞数

分类专栏： android开发Demo 文章标签：轮播图手动循环滑动+自动循环滑动轮播图手动循环滑动自动循环滑动

于 2015-07-14 12:40:16 首次发布

本文链接：https://blog.csdn.net/u013752594/article/details/46876283

版权

android开发Demo 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一个可以手动滑动和自动滑动的轮播图效果。

文章后面会嵌入源码。

效果图；

package com.adtest;


import net.tsz.afinal.FinalBitmap;
import android.app.Activity;
import android.os.Bundle;
import android.widget.LinearLayout;
import android.widget.Toast;


import com.tianshicoffeeom.adutil.MyAdGallery;
import com.tianshicoffeeom.adutil.MyAdGallery.MyOnItemClickListener;


public class MainActivity extends Activity {
private MyAdGallery gallery; // 广告控件
LinearLayout ovalLayout; // 圆点容器
/** 图片id的数组,本地测试用 */
private int[] imageId = new int[] { R.drawable.img01, R.drawable.img02,
R.drawable.img03, R.drawable.img04 };


// /** 图片网络路径数组 */
// private String[] mris = {
// "https://img-my.csdn.net/uploads/201312/14/1386989803_3335.PNG",
// "https://img-my.csdn.net/uploads/201312/14/1386989613_6900.jpg",
// "https://img-my.csdn.net/uploads/201312/14/1386989802_7236.PNG" };


@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
FinalBitmap.create(this); // android 框架 这里用于加载网络图片 ,
gallery = (MyAdGallery) findViewById(R.id.adgallery); // 获取Gallery组件
ovalLayout = (LinearLayout) findViewById(R.id.ovalLayout);// 获取圆点容器
// 第二和第三参数 2选1 ,参数2为 图片网络路径数组 ,参数3为图片id的数组,本地测试用 ,2个参数都有优先采用 参数2
gallery.start(this, null, imageId, 3000, ovalLayout,
R.drawable.dot_focused, R.drawable.dot_normal);
gallery.setMyOnItemClickListener(new MyOnItemClickListener() {
public void onItemClick(int curIndex) {
Toast.makeText(MainActivity.this, "点击的图片下标为:" + curIndex,
Toast.LENGTH_SHORT).show();
// System.out.println(curIndex);
}
});


}


@Override
protected void onStop() {
gallery.stopTimer();
super.onStop();
}


@Override
protected void onRestart() {
gallery.startTimer();
super.onRestart();
}
}

// 自定义Gallery类

package com.tianshicoffeeom.adutil;


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


import net.tsz.afinal.FinalBitmap;
import android.annotation.SuppressLint;
import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.view.KeyEvent;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageView;
import android.widget.LinearLayout;


/**
 * 无限滚动广告栏组件
 */
@SuppressWarnings("deprecation")
public class MyAdGallery extends Gallery implements
android.widget.AdapterView.OnItemClickListener,
android.widget.AdapterView.OnItemSelectedListener, OnTouchListener {
/** 显示的Activity */
private Context mContext;
/** 条目单击事件接口 */
private MyOnItemClickListener mMyOnItemClickListener;
/** 图片切换时间 */
private int mSwitchTime;
/** 自动滚动的定时器 */
private Timer mTimer;
/** 圆点容器 */
private LinearLayout mOvalLayout;
/** 当前选中的数组索引 */
private int curIndex = 0;
/** 上次选中的数组索引 */
private int oldIndex = 0;
/** 圆点选中时的背景ID */
private int mFocusedId;
/** 圆点正常时的背景ID */
private int mNormalId;
/** 图片资源ID组 */
private int[] mAdsId;
/** 图片网络路径数组 */
private String[] mUris;
/** ImageView组 */
List<ImageView> listImgs;


public MyAdGallery(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}


public MyAdGallery(Context context) {
super(context);
}


public MyAdGallery(Context context, AttributeSet attrs) {
super(context, attrs);
}


/**
* @param context
*            显示的Activity ,不能为null
* @param mris
*            图片的网络路径数组 ,为空时 加载 adsId
* @param adsId
*            图片组资源ID ,测试用
* @param switchTime
*            图片切换时间 写0 为不自动切换
* @param ovalLayout
*            圆点容器 ,可为空
* @param focusedId
*            圆点选中时的背景ID,圆点容器可为空写0
* @param normalId
*            圆点正常时的背景ID,圆点容器为空写0
*/
public void start(Context context, String[] mris, int[] adsId,
int switchTime, LinearLayout ovalLayout, int focusedId, int normalId) {
this.mContext = context;
this.mUris = mris;
this.mAdsId = adsId;
this.mSwitchTime = switchTime;
this.mOvalLayout = ovalLayout;
this.mFocusedId = focusedId;
this.mNormalId = normalId;
ininImages();// 初始化图片组
setAdapter(new AdAdapter());
this.setOnItemClickListener(this);
this.setOnTouchListener(this);
this.setOnItemSelectedListener(this);
this.setSoundEffectsEnabled(false);
this.setAnimationDuration(700); // 动画时间
this.setUnselectedAlpha(1); // 未选中项目的透明度
// 不包含spacing会导致onKeyDown()失效!!! 失效onKeyDown()前先调用onScroll(null,1,0)可处理
setSpacing(0);
// 取靠近中间 图片数组的整倍数
setSelection((getCount() / 2 / listImgs.size()) * listImgs.size()); // 默认选中中间位置为起始位置
setFocusableInTouchMode(true);
initOvalLayout();// 初始化圆点
startTimer();// 开始自动滚动任务
}


/** 初始化图片组 */
private void ininImages() {
listImgs = new ArrayList<ImageView>(); // 图片组
int len = mUris != null ? mUris.length : mAdsId.length;
for (int i = 0; i < len; i++) {
ImageView imageview = new ImageView(mContext); // 实例化ImageView的对象
imageview.setScaleType(ImageView.ScaleType.FIT_XY); // 设置缩放方式
imageview.setLayoutParams(new Gallery.LayoutParams(
Gallery.LayoutParams.MATCH_PARENT,
Gallery.LayoutParams.MATCH_PARENT));
if (mUris == null) {// 本地加载图片
imageview.setImageResource(mAdsId[i]); // 为ImageView设置要显示的图片
} else { // 网络加载图片
FinalBitmap.create(mContext)
.display(imageview, mUris[i], imageview.getWidth(),
imageview.getHeight(), null, null, true);
}
listImgs.add(imageview);
}


}


/** 初始化圆点 */
private void initOvalLayout() {
if (mOvalLayout != null && listImgs.size() < 2) {// 如果只有一第图时不显示圆点容器
mOvalLayout.getLayoutParams().height = 0;
} else if (mOvalLayout != null) {
// 圆点的大小是 圆点窗口的 70%;
int Ovalheight = (int) (mOvalLayout.getLayoutParams().height * 0.7);
// 圆点的左右外边距是 圆点窗口的 20%;
int Ovalmargin = (int) (mOvalLayout.getLayoutParams().height * 0.2);
android.widget.LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(
Ovalheight, Ovalheight);
layoutParams.setMargins(Ovalmargin, 0, Ovalmargin, 0);
for (int i = 0; i < listImgs.size(); i++) {
View v = new View(mContext); // 员点
v.setLayoutParams(layoutParams);
v.setBackgroundResource(mNormalId);
mOvalLayout.addView(v);
}
// 选中第一个
mOvalLayout.getChildAt(0).setBackgroundResource(mFocusedId);
}
}


/** 无限循环适配器 */
class AdAdapter extends BaseAdapter {
@Override
public int getCount() {
if (listImgs.size() < 2)// 如果只有一张图时不滚动
return listImgs.size();
return Integer.MAX_VALUE;
}


@Override
public View getView(int position, View convertView, ViewGroup parent) {
return listImgs.get(position % listImgs.size()); // 返回ImageView
}


@Override
public Object getItem(int position) {
return null;
}


@Override
public long getItemId(int position) {
return position;
}
}


public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
int kEvent;
if (isScrollingLeft(e1, e2)) { // 检查是否往左滑动
kEvent = KeyEvent.KEYCODE_DPAD_LEFT;
} else { // 检查是否往右滑动
kEvent = KeyEvent.KEYCODE_DPAD_RIGHT;
}
onKeyDown(kEvent, null);
return true;


}


/** 检查是否往左滑动 */
private boolean isScrollingLeft(MotionEvent e1, MotionEvent e2) {
return e2.getX() > (e1.getX() + 50);
}


@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
float distanceY) {
return super.onScroll(e1, e2, distanceX, distanceY);
}


@Override
public boolean onTouch(View v, MotionEvent event) {
if (MotionEvent.ACTION_UP == event.getAction()
|| MotionEvent.ACTION_CANCEL == event.getAction()) {
startTimer();// 开始自动滚动任务
} else {
stopTimer();// 停止自动滚动任务
}
return false;
}


/** 图片切换事件 */
@Override
public void onItemSelected(AdapterView<?> arg0, View arg1, int position,
long arg3) {
curIndex = position % listImgs.size();
if (mOvalLayout != null && listImgs.size() > 1) { // 切换圆点
mOvalLayout.getChildAt(oldIndex).setBackgroundResource(mNormalId); // 圆点取消
mOvalLayout.getChildAt(curIndex).setBackgroundResource(mFocusedId);// 圆点选中
oldIndex = curIndex;
}
}


@Override
public void onNothingSelected(AdapterView<?> arg0) {
}


/** 项目点击事件 */
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int position,
long arg3) {
if (mMyOnItemClickListener != null) {
mMyOnItemClickListener.onItemClick(curIndex);
}
}


/** 设置项目点击事件监听器 */
public void setMyOnItemClickListener(MyOnItemClickListener listener) {
mMyOnItemClickListener = listener;
}


/** 项目点击事件监听器接口 */
public interface MyOnItemClickListener {
/**
* @param curIndex
*            //当前条目在数组中的下标
*/
void onItemClick(int curIndex);
}


/** 停止自动滚动任务 */
public void stopTimer() {
if (mTimer != null) {
mTimer.cancel();
mTimer = null;
}
}


/** 开始自动滚动任务 图片大于1张才滚动 */
public void startTimer() {
if (mTimer == null && listImgs.size() > 1 && mSwitchTime > 0) {
mTimer = new Timer();
mTimer.schedule(new TimerTask() {
public void run() {
handler.sendMessage(handler.obtainMessage(1));
}
}, mSwitchTime, mSwitchTime);
}
}


/** 处理定时滚动任务 */
@SuppressLint("HandlerLeak")
private Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
// 不包含spacing会导致onKeyDown()失效!!!
// 失效onKeyDown()前先调用onScroll(null,1,0)可处理
onScroll(null, null, 1, 0);
onKeyDown(KeyEvent.KEYCODE_DPAD_RIGHT, null);
}
};
}

源码下载地址http://download.csdn.net/detail/u013752594/8897911