图片滑动

图片滚动view
滚动图片类：ImageAutoScroll


[java] view plain copy
<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
[html] view plain copy
<?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


[html] view plain copy
<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
[html] view plain copy
<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
[html] view plain copy
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);  
    }  
  
  
}  


以上 是引用该类的方法，


该类的主要方法
[html] view plain copy
setDate(List<ImageView> imageViews) //指定需要滚动的图片集合  


[java] view plain copy
setIsStop（boolean isStop） 设置true 自动轮播 false停止轮播