android 图片自动滚动

偏执的太偏执、 2022-05-27 05:38 226阅读 0赞

要实现图片自定轮显，首先要会使用ViewPager控件，还不会使用ViewPager的同学可以https://blog.csdn.net/zenmela2011/article/details/79908728学习。

图片自动轮显就是在viewpager的基础上让它能自动的进行切换，步骤如下：

1.扩展viewpager自定义一个MyScrollImageView类；

2.为MyScrollImageView定义适配器，装载图片；

3.定义图片滑动动画时间控制类；

一、为 自定义ViewPager控件编写适配器

  1. // 适配器  
  2.     public  class  MyPagerAdapter  extends PagerAdapter {  
  3.         private Activity mActivity; // 上下文  
  4.         private List<View> mListViews; // 图片组  
  5.         public MyPagerAdapter(){  
  6.         }  
  7.         public MyPagerAdapter(Activity mActivity,List<View> mListViews){  
  8.             this.mActivity=mActivity;  
  9.             this.mListViews=mListViews;  
  10.         }  
  11.         public int getCount() {  
  12.             if (mListViews.size() == 1) {// 一张图片时不用流动  
  13.                 return mListViews.size();  
  14.             }  
  15.             return Integer.MAX_VALUE;  
  16.         }  
  17.         /** 
  18.             返回List中的图片元素装载到控件中 
  19. */  
  20.         public Object instantiateItem(View v, int i) {  
  21.             if (((ViewPager) v).getChildCount() == mListViews.size()) {  
  22.                 ((ViewPager) v)  
  23.                         .removeView(mListViews.get(i % mListViews.size()));  
  24.             }  
  25.             ((ViewPager) v).addView(mListViews.get(i % mListViews.size()), 0);  
  26.             return mListViews.get(i % mListViews.size());  
  27.         }  
  29.         public boolean isViewFromObject(View arg0, Object arg1) {  
  30.             return arg0 == (arg1);  
  31.         }  
  33.         public void destroyItem(ViewGroup view, int i, Object object) {  
  34.             view.removeView(mListViews.get(i%mListViews.size()));  
  35.         }  
  37.     }

二、自定义一个MyScrollImageView类

自定义一个MyScrollImageView类，主要扩展一个start（…）方法，该方法实现按时间间隔不断切换图片 

  1. public class MyImgScroll extends ViewPager {  
  2.     Activity mActivity; // 上下文  
  3.     List<View> mListViews; // 图片组  
  4.     int mScrollTime = 0;  
  5.     Timer timer;  
  6.     int oldIndex = 0;  
  7.     int curIndex = 0;  
  9.     public MyImgScroll(Context context, AttributeSet attrs) {  
  10.         super(context, attrs);  
  11.     }  
  13.     /** 
  14.      * 开始广告滚动 
  15.      *  
  16.      * @param mainActivity 
  17.      *            显示广告的主界面 
  18.      * @param imgList 
  19.      *            图片列表, 不能为null ,最少一张 
  20.      * @param scrollTime 
  21.      *            滚动间隔 ,0为不滚动 
  22.      * @param ovalLayout 
  23.      *            圆点容器,可为空,LinearLayout类型 
  24.      * @param ovalLayoutId 
  25.      *            ovalLayout为空时 写0, 圆点layout XMl 
  26.      * @param ovalLayoutItemId 
  27.      *            ovalLayout为空时 写0,圆点layout XMl 圆点XMl下View ID 
  28.      * @param focusedId 
  29.      *            ovalLayout为空时 写0, 圆点layout XMl 选中时的动画 
  30.      * @param normalId 
  31.      *            ovalLayout为空时 写0, 圆点layout XMl 正常时背景 
  32.      */  
  33.     public void start(Activity mainActivity, List<View> imgList,  
  34.             int scrollTime, LinearLayout ovalLayout, int ovalLayoutId,  
  35.             int ovalLayoutItemId, int focusedId, int normalId) {  
  36.         mActivity = mainActivity;  
  37.         mListViews = imgList;  
  38.         mScrollTime = scrollTime;  
  39.         // 设置圆点  
  40.         setOvalLayout(ovalLayout, ovalLayoutId, ovalLayoutItemId, focusedId,  
  41.                 normalId);  
  42.         this.setAdapter(new MyPagerAdapter(mActivity,mListViews));// 设置适配器  
  43.         if (scrollTime != 0 && imgList.size() > 1) {  
  44.             // 设置滑动动画时间  ,如果用默认动画时间可不用 ,反射技术实现  
  45.              new FixedSpeedScroller(mActivity).setDuration(this, 700);  
  46.             startTimer();  
  47.             // 触摸时停止滚动  
  48.             this.setOnTouchListener(new OnTouchListener() {  
  49.                 public boolean onTouch(View v, MotionEvent event) {  
  50.                     if (event.getAction() == MotionEvent.ACTION_UP) {  
  51.                         startTimer();  
  52.                     } else {  
  53.                         stopTimer();  
  54.                     }  
  55.                     return false;  
  56.                 }  
  57.             });  
  58.         }   
  59.         if (mListViews.size() > 1) {  
  60.             this.setCurrentItem((Integer.MAX_VALUE / 2)  
  61.                     - (Integer.MAX_VALUE / 2) % mListViews.size());// 设置选中为中间/图片为和第0张一样  
  62.         }  
  63.     }  
  65.     // 设置圆点  
  66.     private void setOvalLayout(final LinearLayout ovalLayout, int ovalLayoutId,  
  67.             final int ovalLayoutItemId, final int focusedId, final int normalId) {  
  68.         if (ovalLayout != null) {  
  69.             LayoutInflater inflater=LayoutInflater.from(mActivity);  
  70.             for (int i = 0; i < mListViews.size(); i++) {  
  71.                 ovalLayout.addView(inflater.inflate(ovalLayoutId, null));  
  73.             }  
  74.             //选中第一个  
  75.             ovalLayout.getChildAt(0).findViewById(ovalLayoutItemId)  
  76.             .setBackgroundResource(focusedId);  
  77.             this.setOnPageChangeListener(new OnPageChangeListener() {  
  78.                 public void onPageSelected(int i) {  
  79.                     curIndex = i % mListViews.size();  
  80.                     //取消圆点选中  
  81.                     ovalLayout.getChildAt(oldIndex).findViewById(ovalLayoutItemId)  
  82.                             .setBackgroundResource(normalId);  
  83.                      //圆点选中  
  84.                     ovalLayout.getChildAt(curIndex).findViewById(ovalLayoutItemId)  
  85.                     .setBackgroundResource(focusedId);  
  86.                     oldIndex = curIndex;  
  87.                 }  
  89.                 public void onPageScrolled(int arg0, float arg1, int arg2) {  
  90.                 }  
  92.                 public void onPageScrollStateChanged(int arg0) {  
  93.                 }  
  94.             });  
  95.         }  
  96.     }  
  97.     /** 
  98.      * 取得当明选中下标 
  99.      * @return 
  100.      */  
  101.     public int getCurIndex() {  
  102.         return curIndex;  
  103.     }  
  104.     /** 
  105.      * 停止滚动 
  106.      */  
  107.     public void stopTimer() {  
  108.         if (timer != null) {  
  109.             timer.cancel();  
  110.             timer = null;  
  111.         }  
  112.     }  
  114.     /** 
  115.      * 开始滚动 
  116.      */  
  117.     public void startTimer() {  
  118.         timer = new Timer();  
  119.         timer.schedule(new TimerTask() {  
  120.             public void run() {  
  121.                 mActivity.runOnUiThread(new Runnable() {  
  122.                     public void run() {  
  123.                         MyImgScroll.this.setCurrentItem(MyImgScroll.this  
  124.                                 .getCurrentItem() + 1);//设置控件当前项（改变图片）  
  125.                     }  
  126.                 });  
  127.             }  
  128.         }, mScrollTime, mScrollTime);  
  129.     }  
  131. }

三、定义图片滑动动画时间控制类

  1. package com.tianshicoffeeom.app.imgscroll;  
  2. import java.lang.reflect.Field;  
  3. import android.content.Context;  
  4. import android.support.v4.view.ViewPager;  
  5. import android.view.animation.Interpolator;  
  6. import android.widget.Scroller;  
  7.  /** 
  8.   * 图片滑动动画时间控制类  , 如果采用默认时间可不用这个类 ,通过反射技术改变ViewPager的滑动时间 
  9.   * 
  10.   */  
  11. public class FixedSpeedScroller extends Scroller {    
  12.     private Context context;  
  13.     private int mDuration = 500;    
  14.     public FixedSpeedScroller(Context context) {    
  15.         super(context);    
  16.         this.context=context;  
  17.     }    
  18.     public FixedSpeedScroller(Context context, Interpolator interpolator) {    
  19.         super(context, interpolator);    
  20.         this.context=context;  
  21.     }   
  22.     /** 
  23.      *  设置改变ViewPager的滑动时间   
  24.      * @param vp  ViewPager 对象 
  25.      * @param time  时间 
  26.      */  
  27.     public void setDuration(ViewPager vp,int time) {  
  28.          try {  
  29.              Field field = ViewPager.class.getDeclaredField("mScroller");  
  30.              field.setAccessible(true);  
  31.              this.setmDuration(time);//设置翻动时间  
  32.              field.set(vp, this);  
  33.          } catch (Exception e) {  
  35.          }  
  36.      }   
  37.     @Override    
  38.     public void startScroll(int startX, int startY, int dx, int dy, int duration) {    
  39.         //System.out.println("startScroll1");  
  40.         super.startScroll(startX, startY, dx, dy, mDuration);    
  41.     }    
  42.     @Override    
  43.     public void startScroll(int startX, int startY, int dx, int dy) {    
  44.         //System.out.println("startScroll2");  
  45.         super.startScroll(startX, startY, dx, dy, mDuration);    
  46.     }    
  47.     public void setmDuration(int time) {    
  48.         mDuration = time;    
  49.     }    
  50.     public int getmDuration() {    
  51.         return mDuration;    
  52.     }    
  53. }

四、在MainActivity中配置

  1. public class MainActivity extends Activity {  
  3.     private MyImgScroll myPager; // 图片容器  
  4.     private LinearLayout ovalLayout; // 圆点容器  
  5.     private List<View> listViews; // 图片组  
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.activity_main);  
  10.         myPager = (MyImgScroll) findViewById(R.id.myvp);  
  11.         ovalLayout = (LinearLayout) findViewById(R.id.vb);  
  12.         InitViewPager();//初始化图片  
  13.         //开始滚动  
  14.         myPager.start(this, listViews, 4000, ovalLayout,  
  15.                 R.layout.ad_bottom_item, R.id.ad_item_v,  
  16.                 R.drawable.dot_focused, R.drawable.dot_normal);  
  17.     }  
  18.     @Override  
  19.     protected void onRestart() {  
  20.         myPager.startTimer();  
  21.         super.onRestart();  
  22.     }  
  24.     @Override  
  25.     protected void onStop() {  
  26.         myPager.stopTimer();  
  27.         super.onStop();  
  28.     }  
  29.     /** 
  30.      * 初始化图片 
  31.      */  
  32.     private void InitViewPager() {  
  33.         listViews = new ArrayList<View>();  
  34.         int[] imageResId = new int[] { R.drawable.banner1, R.drawable. banner2,  
  35.                 R.drawable. banner3, R.drawable.d, R.drawable. banner4 };  
  36.         for (int i = 0; i < imageResId.length; i++) {  
  37.             ImageView imageView = new ImageView(this);  
  38.             imageView.setOnClickListener(new OnClickListener() {  
  39.                 public void onClick(View v) {// 设置图片点击事件  
  40.                     Toast.makeText(MainActivity.this,  
  41.                             "点击了:" + myPager.getCurIndex(), Toast.LENGTH_SHORT)  
  42.                             .show();  
  43.                 }  
  44.             });  
  45.             imageView.setImageResource(imageResId[i]);  
  46.             imageView.setScaleType(ScaleType.CENTER_CROP);  
  47.             listViews.add(imageView);  
  48.         }  
  49.     }  
  51. }

代码参考 点击打开链接

发表评论

表情：
评论列表 （有 0 条评论，226人围观）

还没有评论，来说两句吧...

相关阅读

    相关 垂直滚动图片

    这个效果不美观，只要了解的是函数如何进行调用的。函数循环还可以调用animate,控制动画的时间就可以实现隔一段时间调用一次函数，而不一定一直使用setTimeout()函数。

    ゝ一纸荒年。ゝ一纸荒年。/ 0 赞/ 284 阅读