#1 安卓中通常通过动态的轮播图来展示内容：其数据动态显示，数据的条数不确定，有很好的演示效果
#2 效果图如下
#3 实现原理：
1） 利用ViewPager可以左右滑动，来实现滑动效果
2） 由于是自动播放，可以定义一个任务，或定时发送一个消息，改变轮播图的tab页
3） 当手动滑动时，向左或向右滑动时，滑动到第一个或最后一个现实页面时，仍然可以滑动，所以一定有循环，而其又可以无限的自动轮播或滑动，可以设置ViewPager的页面数量是无穷的，用Integer.MAX_VALUE来表示，让其从中间开始，同时要保证开始滚动的第一页是要显示的第一页所以ViewPager的开始滚动的位置是：Integer.MAX_VALUE/2 - Integer/2 % 轮播图的页面数
4） 点击跳转，触摸停止滚动，通过ViewPager的事件和页面的显示和隐藏来实现 轮播图开始滚动和停止滚动即开始发送消息和停止发送消息
#4 代码实现：
public class MainActivity extends Activity {
private ViewPager viewPager;
private TextView tv_msg;
private LinearLayout ll_point_group;
private int[] ids = { R.drawable.a, R.drawable.b, R.drawable.c,
R.drawable.d, R.drawable.e };
// 图片标题集合
private final String[] imageDescriptions = {
"昆明游客扎堆喂鸥",
"省半税 送保养NISSAN新车赏",
"揭秘北京电影如何升级",
"乐视网TV版大派送",
"深圳滑坡 整个工业园被吞" };
private List<ImageView> imageViews;
/**
* 上一次被高亮显示的点
*/
private int lastPointIndex;
private Handler handler = new Handler(){
public void handleMessage(android.os.Message msg) {
//自动跳转到下一个页面
viewPager.setCurrentItem(viewPager.getCurrentItem()+1);
handler.sendEmptyMessageDelayed(0, 2000);
};
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
viewPager = (ViewPager) findViewById(R.id.viewPager);
tv_msg = (TextView) findViewById(R.id.tv_msg);
ll_point_group = (LinearLayout) findViewById(R.id.ll_point_group);
initView();
viewPager.setAdapter(new MyPagerAdapter());
//设置ViewPager的开始滚动的位置，从第一个界面开始
int item = Integer.MAX_VALUE/2 - Integer.MAX_VALUE/2%imageViews.size();
viewPager.setCurrentItem(item);
tv_msg.setText(imageDescriptions[item%imageViews.size()]);
//监听页面改变的方法
viewPager.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int position) {
int newIndex = position % imageViews.size();
tv_msg.setText(imageDescriptions[newIndex]);
//当前下标点高亮
ll_point_group.getChildAt(newIndex).setEnabled(true);
//上一次高亮显示的变成默认
ll_point_group.getChildAt(lastPointIndex).setEnabled(false);
lastPointIndex = newIndex;
}
@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {
}
/**
* 当页面状态发生改变的时候回调
* 静止-滑动
* 滑动-进制
*/
@Override
public void onPageScrollStateChanged(int state) {
}
});
//发消息开始滚动
}
@Override
protected void onResume() {
super.onResume();
System.out.println("MainActivity >>> onResume()");
handler.sendEmptyMessageDelayed(0, 2000);
}
@Override
protected void onPause() {
super.onPause();
System.out.println("MainActivity >>> onPause()");
handler.removeCallbacksAndMessages(null);
}
private void initView() {
imageViews = new ArrayList<ImageView>();
for(int i=0;i<ids.length;i++){
ImageView iv = new ImageView(this);
iv.setBackgroundResource(ids[i]);
imageViews.add(iv);
//加指示点
ImageView iv_point = new ImageView(this);
LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT, -2);
params.leftMargin = 15;//设置距离
iv_point.setLayoutParams(params );
iv_point.setBackgroundResource(R.drawable.point_selector);
if(i==0){
iv_point.setEnabled(true);
}else{
iv_point.setEnabled(false);
}
ll_point_group.addView(iv_point);
}
}
public void onTouchViewPager(View view, final int position) {
// 给图片注册触摸事件监听器
view.setOnTouchListener(new OnTouchListener() {
private long downTime;
private int downX;
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
// 手指按下时，取消所有事件，即轮播图不在滚动了
handler.removeCallbacksAndMessages(null);
// 按下去时，记录按下的坐标和时间，用于判断是否是点击事件
downX = (int) event.getX();
downTime = System.currentTimeMillis();
break;
case MotionEvent.ACTION_UP:
System.out.println("MainActivity Event...ACTION_UP");
// 抬起手指时，判断落下抬起的时间差和坐标，符合以下条件为点击
if (System.currentTimeMillis() - downTime < 500
&& Math.abs(downX - event.getX()) < 30) {
Toast.makeText(MainActivity.this, "点击跳转!", Toast.LENGTH_SHORT).show();
// 点击事件被触发
}else{
handler.sendEmptyMessageDelayed(0, 2000);
}
break;
case MotionEvent.ACTION_CANCEL:
//手指滑动完图片后，能够让轮播图继续自动滚动
handler.sendEmptyMessageDelayed(0, 2000);
break;
}
return true;
}
});
}
class MyPagerAdapter extends PagerAdapter {
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
ImageView iv = imageViews.get(position % imageViews.size());
onTouchViewPager(iv,position);
container.addView(iv);
return iv;
}
/**
* 当前页面和instantiateItem返回的值
* view:当前页面
* object：就是instantiateItem方法返回的值
*/
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
/**
* container:Viewpager，容器
* position：那个页面改移除了
* object：要移除的页面
*/
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View)object);
}
}
}
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
