android 图片自动滚动_android 长图自动滚动-优快云博客

本文介绍了一个使用ImageAutoScroll类实现的简单Android图片滚动视图。涉及到布局文件activity_main.xml的引用，以及MainActivity中的主要方法。提供了源码下载链接，鼓励读者提出改进意见。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一个简单图片滚动view

滚动图片类：ImageAutoScroll

<pre name="code" class="java">
import java.util.ArrayList;
import java.util.List;
import java.util.Timer;
import java.util.TimerTask;

import android.animation.ArgbEvaluator;
import android.content.Context;
import android.os.AsyncTask;
import android.os.Handler;
import android.os.Message;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.util.Log;
import android.util.TypedValue;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;


  
  

public class ImageAutoScroll extends RelativeLayout{  
    private Context mContext;  
    private ViewPager mViewPager;  
    private LinearLayout mTabs;  
    private List<ImageView> imageViewsUser;  
    private List<ImageView> mImageViews;  
    private List<TextView> tabs;  
    private int size;  
    private int oldPostion;  
    private int currentPostion;  
    private boolean isStop;  
    private Handler handler; 
    ImageView imageFrist;
    ImageView imageEnd;
    int dotSize;  
  
    public ImageAutoScroll(Context context) {  
        super(context);  
    }  
  
    public ImageAutoScroll(Context context, AttributeSet attrs) {  
        super(context, attrs);  
        mContext = context;  
        initView();  
        initListening();  
    }  
  
    private void initView() {  
        dotSize = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 10,  
                mContext.getResources().getDisplayMetrics());  
        mViewPager = new ViewPager(mContext);  
        LayoutParams layoutParams = new LayoutParams(LayoutParams.MATCH_PARENT,  
                LayoutParams.MATCH_PARENT);  
        mViewPager.setLayoutParams(layoutParams);  
        mTabs = new LinearLayout(mContext);  
        layoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);  
        layoutParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);  
        layoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);  
        layoutParams.bottomMargin = dotSize;  
        layoutParams.rightMargin = dotSize;  
        mTabs.setLayoutParams(layoutParams);  
        addView(mViewPager);  
        addView(mTabs);  
  
    }  
  
    public void setDate(List<ImageView> imageViews) {  
        this.imageViewsUser = imageViews;  
        
        if (imageViews == null || imageViews.size() < 1)
        	throw new IllegalArgumentException("参数为空或长度为零");
        
        mImageViews = new ArrayList<ImageView>();  
        tabs = new ArrayList<TextView>();  
        size = imageViews.size();  
        handler = new Handler() {  
            @Override  
            public void handleMessage(Message msg) {  
                switch (msg.what) {  
                    case 0:  
                        mViewPager.setCurrentItem(size, false);  
                        break;  
                    case 1:  
                        mViewPager.setCurrentItem(1, false);  
                        break;
                    case 888:
                    	imageFrist.setBackgroundDrawable(imageViewsUser.get(size - 1).getDrawable());
                    	imageFrist.invalidate();
                    	Log.i("hu", "888");
                    	if (imageFrist.getBackground() == null)
                    		handler.sendEmptyMessageDelayed(888, 1000);
                    	break;
                    case 999:
                    	imageEnd.setBackgroundDrawable(imageViewsUser.get(0).getDrawable()); 
                    	Log.i("hu", "999");
                    	imageEnd.invalidate();
                      	if (imageEnd.getBackground() == null)
                    		handler.sendEmptyMessageDelayed(999, 1000);
                    	break;
                }  
            }  
        };  
        
        if (size == 1) {
        	mImageViews.add(imageViews.get(0));
         	return;
        } 
       
  
        for (int i = 0; i < size + 2; i++) {  
            if (i == 0) {  
                imageFrist = new ImageView(mContext);
                if (imageViewsUser.get(size - 1).getBackground() != null) {
                	imageFrist.setBackgroundDrawable(imageViewsUser.get(size - 1).getBackground());
                } else {
                	handler.sendEmptyMessageDelayed(888, 1000);
                }
                mImageViews.add(imageFrist);  
            } else if (i == size + 1) {  
                imageEnd = new ImageView(mContext);  
                if (imageViewsUser.get(0).getBackground() != null) {
                	imageEnd.setBackgroundDrawable(imageViewsUser.get(0).getBackground());  
                } else {
                	handler.sendEmptyMessageDelayed(999, 1000);
                }
                mImageViews.add(imageEnd);  
             
            } else {  
                mImageViews.add(imageViewsUser.get(i - 1));  
            }  
            mImageViews.get(i).setScaleType(ImageView.ScaleType.FIT_XY);  
        }  
  
        LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(dotSize, dotSize);  
        layoutParams.leftMargin = dotSize/2;  
  
        for (int i = 0; i < size; i++) {  
            TextView textView = new TextView(mContext);  
            textView.setLayoutParams(layoutParams);  
            if (i == 0) {  
                textView.setBackgroundResource(R.drawable.btn_top_pressed);  
            } else {  
                textView.setBackgroundResource(R.drawable.dot_normal);  
            }  
            tabs.add(textView);  
            mTabs.addView(textView);  
        }  
  
        mViewPager.setAdapter(new MyAdapter());  
        if (size > 1) {  
            mViewPager.setCurrentItem(1);  
            oldPostion = 0;  
            new Timer().schedule(new TimerTask() {  
                @Override  
                public void run() {  
                    if (!isStop) {  
                        if (currentPostion + 1 > size + 1) {  
                            currentPostion = 1;  
                        }  
                        currentPostion++;  
                        handler.post(new Runnable() {  
                            @Override  
                            public void run() {  
                                new AutoScroll().execute(currentPostion);  
                            }  
                        });  
                    }  
                }  
            }, 3000, 3000);  
        }  
    }  
  
    //是否暂停轮播  
    public boolean isStop() {  
        return isStop;  
    }  
  
    public void setIsStop(boolean isStop) {  
        this.isStop = isStop;  
    }  
  
    private void initListening() {  
    	mViewPager.setOnPageChangeListener(new MyPageChangeListener());  
    }  
  
    class MyPageChangeListener implements ViewPager.OnPageChangeListener {  
  
        @Override  
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {  
  
        }  
  
        @Override  
        public void onPageSelected(int position) {  
            currentPostion = position;  
            tabs.get(oldPostion).setBackgroundResource(R.drawable.dot_normal);  
            if (position == 0) {  
                handler.sendEmptyMessageDelayed(0, 300);  
                tabs.get(size - 1).setBackgroundResource(R.drawable.btn_top_pressed);  
  
                oldPostion = size - 1;  
  
            } else if (position == size + 1) {  
                handler.sendEmptyMessageDelayed(1, 300);  
                tabs.get(0).setBackgroundResource(R.drawable.btn_top_pressed);  
                oldPostion = 0;  
            } else {  
                tabs.get(currentPostion - 1).setBackgroundResource(R.drawable.btn_top_pressed);  
                oldPostion = currentPostion - 1;  
            }  
  
  
        }  
  
        @Override  
        public void onPageScrollStateChanged(int state) {  
  
        }  
    }  
  
  
  
    class MyAdapter extends PagerAdapter {  
  
        @Override  
        public int getCount() {  
            return mImageViews.size();  
        }  
  
        @Override  
        public Object instantiateItem(ViewGroup container, int position) {  
            container.addView(mImageViews.get(position));  
            return mImageViews.get(position);  
        }  
  
        @Override  
        public boolean isViewFromObject(View view, Object object) {  
            return view == object;  
        }  
  
        @Override  
        public void destroyItem(ViewGroup container, int position, Object object) {  
            container.removeView(mImageViews.get(position));  
        }  
    }  
  
    class AutoScroll extends AsyncTask<Integer, Integer, Integer> {  
  
        @Override  
        protected Integer doInBackground(Integer... params) {  
            return params[0];  
        }  
  
        @Override  
        protected void onPostExecute(Integer integer) {  
            mViewPager.setCurrentItem(integer, true);  
        }  
    }  
  
}

这个类是图片滚动的view 直接在 xml里面引用即可

下面是2个下标背景

btn_top_pressed.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >

    <stroke
        android:color="#33000000"
        android:width="2dp"
        >
    </stroke>
    <solid android:color="@android:color/white"
        />
    <corners android:radius="5dip" />

</shape>

dot_normal.xml

<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >
    <stroke android:width="1dp"
            android:color="#aaFFFFFF"
            >

    </stroke>
    <solid android:color="#33000000" />

    <corners android:radius="5dip" />

</shape>

ok 这上面是要引用该类必须需要的

下面是引用该类的实例

首先在layout 文件中引用该类

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

    <com.example.administrator.myapplication.ImageAutoScroll
        android:id="@+id/my_image_auto_scroll"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </com.example.administrator.myapplication.ImageAutoScroll>

</RelativeLayout>

然后再主类里面调用该类的setDate

MainActivity

package com.example.administrator.myapplication;

import android.content.Context;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ImageView;
import java.util.ArrayList;



public class MainActivity extends AppCompatActivity {


    private ArrayList<ImageView> imageViews;
    private int[] ids = {R.mipmap.image1, R.mipmap.image2, R.mipmap.image3};
    private Context mContext;
    private ImageAutoScroll imageAutoScroll;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initData();
    }

    private void initView() {
        imageAutoScroll = (ImageAutoScroll) findViewById(R.id.my_image_auto_scroll);
    }

    private void initData() {
        mContext = MainActivity.this;
        imageViews = new ArrayList<ImageView>();
        for (int i = 0; i < ids.length; i++) {
            ImageView imageView = new ImageView(mContext);
            imageView.setBackgroundResource(ids[i]);
            imageViews.add(imageView);
        }
        imageAutoScroll.setDate(imageViews);
    }


}

以上就是引用该类的方法，

该类的主要方法

setDate(List<ImageView> imageViews) //指定需要滚动的图片集合

setIsStop（boolean isStop） 设置true 自动轮播 false停止轮播

ok 以上就是所有的代码了，如果有更好的意见欢迎提出，一起学习

由于下载代码未更新，请直接复制上面代码使用

源码下载地址： androidStudio源码

http://download.youkuaiyun.com/detail/hu5080126/8945367