Android图片无限轮播的实现代码

本文实例为大家分享了AnAndroid图片无限轮播的具体代码,供大家参考,具体内容如下

public class MainActivity extends Activity { private ViewPager viewPager; private LinearLayout ll_dot; private String[] imageUrls = new String[] { "http://pic8.nipic.com/20100701/5290458_114840036316_2.jpg", "http://pic2.nipic.com/20090424/1468853_230119053_2.jpg", "http://img3.3lian.com/2013/s1/20/d/57.jpg", "http://pic39.nipic.com/20140226/18071023_164300608000_2.jpg", "http://a0.att.hudong.com/15/08/300218769736132194086202411_950.jpg" }; //private String[] imageUrls = new String[] { //"http://192.168.230.1:8080/ab.jpg", //"http://192.168.230.1:8080/ae.jpg", //"http://192.168.230.1:8080/af.jpg", //"http://192.168.230.1:8080/ah.jpg" }; private ArrayList<ImageView> viewList; private ArrayList<ImageView> dotList; Handler handler = new Handler() { public void handleMessage(android.os.Message msg) { // 先去获取到当前条目索引 int currentItem = viewPager.getCurrentItem(); // 条目索引+1 currentItem++; // 重新设置给viewPager viewPager.setCurrentItem(currentItem); // 再调用发延时消息的方法 sendDelayMessage(); }; }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewPager = (ViewPager) findViewById(R.id.viewPager); ll_dot = (LinearLayout) findViewById(R.id.ll_dot); // 初始化图片 initViewList(); // 初始化小圆点 initDots(); // 设置数据适配器 viewPager.setAdapter(new MyPagerAdapter(this, viewList, handler)); // 设置初始的展示条目 viewPager.setCurrentItem(viewList.size() * 100000); // 设置延时切换 sendDelayMessage(); // 监听viewPager的一个滑动事件 viewPager.setOnPageChangeListener(new OnPageChangeListener() { @Override public void onPageSelected(int position) { // 遍历小点的集合 for (int i = 0; i < dotList.size(); i++) { // 如果当前的索引值和i相等 if (position % dotList.size() == i) { // 设置小点为亮色 dotList.get(i).setImageResource(R.drawable.dot_focuse); } else { // 否则暗色 dotList.get(i).setImageResource(R.drawable.dot_normal); } } } @Override public void onPageScrolled(int arg0, float arg1, int arg2) { } @Override public void onPageScrollStateChanged(int arg0) { } }); } /** * 发送延时消息 */ private void sendDelayMessage() { handler.sendEmptyMessageDelayed(0, 2000); } private void initDots() { // 创建一个装小点控件的集合 dotList = new ArrayList<ImageView>(); dotList.clear(); for (int i = 0; i < imageUrls.length; i++) { ImageView imageView = new ImageView(this); if (i == 0) { // 如果是第一张,默认给一个亮的小点 imageView.setImageResource(R.drawable.dot_focuse); } else { // 如果不是滴一个,默认给一个暗的小点 imageView.setImageResource(R.drawable.dot_normal); } // 设置小点的默认宽高为20dp LayoutParams params = new LayoutParams(20, 20); // 设置小点的间距 params.setMargins(5, 0, 5, 0); ll_dot.addView(imageView, params); // 往小点集合中添加view dotList.add(imageView); } } private void initViewList() { // 先使用xutils的工具类 BitmapUtils bitmapUtils = new BitmapUtils(this); viewList = new ArrayList<ImageView>(); for (int i = 0; i < imageUrls.length; i++) { // 创建imageView 并通过工具类将图片设置到控件上 ImageView imageView = new ImageView(this); bitmapUtils.display(imageView, imageUrls[i]); viewList.add(imageView); } } }

适配器

public class MyPagerAdapter extends PagerAdapter { private List<ImageView> viewList; private Context context; private Handler handler; public MyPagerAdapter(Context context, List<ImageView> viewList, Handler handler) { this.context = context; this.viewList = viewList; this.handler = handler; } @Override public int getCount() { return Integer.MAX_VALUE; } @Override public boolean isViewFromObject(View arg0, Object arg1) { return arg0 == arg1; } @Override public Object instantiateItem(ViewGroup container, int position) { // 通过控件集合获取imageView 添加到容器中,并作为key 返回 ImageView imageView = viewList.get(position % viewList.size()); imageView.setOnTouchListener(new OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getAction()) { // 当按下的时候,停止轮播 case MotionEvent.ACTION_DOWN: // 移除所有的回调和消息 handler.removeCallbacksAndMessages(null); break; // 抬起 case MotionEvent.ACTION_UP: handler.sendEmptyMessageDelayed(0, 2000); break; // 取消的时候,继续开始录播 case MotionEvent.ACTION_CANCEL: handler.sendEmptyMessageDelayed(0, 2000); break; default: break; } //触摸事件不被消费,true 消费该触摸事件 return true; } }); container.addView(imageView); return imageView; } @Override public void destroyItem(ViewGroup container, int position, Object object) { // super.destroyItem(container, position, object); container.removeView((View) object); } }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

时间: 2024-09-22 20:55:37

Android图片无限轮播的实现代码的相关文章

Android图片无限轮播的实现代码_Android

本文实例为大家分享了AnAndroid图片无限轮播的具体代码,供大家参考,具体内容如下 public class MainActivity extends Activity { private ViewPager viewPager; private LinearLayout ll_dot; private String[] imageUrls = new String[] { "yun_qi_img/block.gif", "yun_qi_img/block.gif&quo

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

在上篇博客中iOS开发之多图片无缝滚动组件封装与使用给出了图片无限轮播的实现方案之一,下面在给出另一种解决方案.今天博客中要说的就是在ScrollView上贴两个ImageView, 把ImageView进行交替切换来实现图片的无限轮播,在轮播时去修改ImageView上的图片.上一篇博客中是有几张图片就实例化几个ImageView, 然后事先把Image贴到相应的ImageView上,这种做法比较简单,而且易于实现. 今天这篇博客就要实现使用两张ImageView, 交替的区展示Image,

IOS图片无限轮播器的实现原理_IOS

首先实现思路:整个collectionView中只有2个cell.中间始终显示第二个cell. 滚动:向前滚动当前cell的脚标为0,向后滚动当前的cell脚标为2.利用当前cell的脚标减去1,得到+1,或者-1,来让图片的索引加1或者减1,实现图片的切换. 声明一个全局变量index来保存图片的索引,用来切换显示在当前cell的图片. 在滚动前先让显示的cell的脚标变为1.代码viewDidLoad中设置 完成一次滚动结束后,代码再设置当前的cell为第二个cell(本质上就是让当前显示的

Android viewpager无限轮播获取网络图片功能

本文实例为大家分享了viewpager无限轮播获取网络图片的具体代码,供大家参考,具体内容如下 话不多说直接上代码,你们都懂的 小圆点属性 dot_focused.xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="recta

Android实现图片轮播切换实例代码_Android

利用Android的ViewFlipper和AnimationUtils实现图片带有动画的轮播切换,其中当点击"上一张"图片时,切换到上一张图片:当点击"下一张"图片时,切换到下一张图片.其效果图如下: 设置布局文件,其内容如下: activity_image_flipper_shade.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xm

IOS使用UICollectionView实现无限轮播效果_IOS

一.案例演示 本案例Demo演示的是一个首页轮播的案例,支持手动轮播和自动轮播.知识点主要集中在UICollectionView和NSTimer的使用. 二.知识储备 2.1.UICollectionView横向布局 只需要设置UICollectionViewFlowLayout的scrollDirection为UICollectionViewScrollDirectionHorizontal即可. 2.2.NSTimer的基本使用 NSTimer的初始化: 复制代码 代码如下:  + (NST

Android实现自定义轮播图片控件详解_Android

首先上效果图 实现原理 要完成一个轮播图片,首先想到的应该是使用ViewPager来实现.ViewPager已经有了滑动的功能,我们只要让它自己滚动.再加上下方的小圆点就行了.所以我们本次的自定义控件就是由ViewPager和LinearLayout叠加起来组成的. 一.创建一个自定义的ViewPager 先上完整的代码 package com.kcode.autoscrollviewpager.view; import android.content.Context; import andro

Android实现自定义轮播图片控件示例_Android

要完成一个轮播图片,首先想到的应该是使用ViewPager来实现.ViewPager已经有了滑动的功能,我们只要让它自己滚动.再加上下方的小圆点就行了.所以我们本次的自定义控件就是由ViewPager和LinearLayout叠加起来组成的. 直接先上效果图: 创建一个自定义的ViewPager 先上完整的代码 package com.kcode.autoscrollviewpager.view; import android.content.Context; import android.os

Android实现图片文字轮播特效_Android

本文实例讲解了Android实现图片文字轮播特效的详细代码,分享给大家供大家参考,具体内容如下 图片轮播是类似知乎日报上的一个轮播效果,如下图. 好了直接进入正题,首先是出示一下效果: MainActivity: import java.util.ArrayList; import java.util.List; import java.util.concurrent.Executors; import java.util.concurrent.ScheduledExecutorService;