imageswitch的自动切换的一个工具类

最新推荐文章于 2018-08-01 11:41:26 发布
最新推荐文章于 2018-08-01 11:41:26 发布
阅读量559 收藏
点赞数 1
分类专栏： 移动开发001 文章标签： 安卓 imageswitch
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Smart_YC/article/details/50905802
版权

主要代码

public class ImageSwitcher extends ViewGroup {

    
    private String TAG = ImageSwitcher.class.getSimpleName();
    private static final int SNAP_VELOCITY = 300;

    private Scroller scroller;
    
    private VelocityTracker mVelocityTracker;
    
    private int mTouchSlop;

    private float mMotionX;

    private int mImageWidth;
    
    private int imageCount;

    private int mIndex;

    private int mImageHeight;
    
    private int[] imageItems;
    
    private boolean forceToRelayout;
    
    private int mTouchState = TOUCH_STATE_REST;
    
    private static final int TOUCH_STATE_REST = 0;
    private static final int TOUCH_STATE_SCROLLING = 1;
    
    private static final int AUTO_MSG = 0;
    
    private static final int START_MSG =2;
    
    private static final int HANDLE_MSG = 1;
    
    private static final long PHOTO_CHANGE_TIME = 4000;
    
    
    private  Handler mHandler = new Handler(){ //处理图片自动或者手动滚动操作
        
        public void handleMessage(Message msg) {
            switch (msg.what) {
            case AUTO_MSG:
                scrollToNext();
                mHandler.sendEmptyMessageDelayed(AUTO_MSG, PHOTO_CHANGE_TIME);
                break;
            case START_MSG:
                mHandler.sendEmptyMessageDelayed(AUTO_MSG, PHOTO_CHANGE_TIME);
                break;
            case HANDLE_MSG:
                mHandler.removeMessages(AUTO_MSG);
                mHandler.sendEmptyMessageDelayed(AUTO_MSG, PHOTO_CHANGE_TIME);
            default:
                break;
            }
        }
    };

    /**
     * 表示滚动到下一张图片这个动作
     */
    private static final int SCROLL_NEXT = 0;
    /**
     * 表示滚动到上一张图片这个动作
     */
    private static final int SCROLL_PREVIOUS = 1;
    
    private static final int SCROLL_BACK = 2;
    
    
    public ImageSwitcher(Context context, AttributeSet attrs) {
        super(context, attrs);
        scroller = new Scroller(context);
        mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
    }
    
    /**
     * 当View被添加到Window容器的时候才开始执行:生命周期依次先后 onMeasure > onLayout > onDraw >onAttachedToWindow
     */
    @Override
    protected void onAttachedToWindow(){
        super.onAttachedToWindow();
        mHandler.sendEmptyMessage(START_MSG); //发送消息让图片自动开始滚动
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        if(changed || forceToRelayout){
            imageCount = getChildCount();
            mImageWidth = getMeasuredWidth();
            mImageHeight = getMeasuredHeight();
            int marginLeft = 0;
            scroller.abortAnimation(); //设置scroller为滚动状态
            this.scrollTo(0, 0); //每次重新布局时候，重置滚动初始位置
            int[] items = { getIndexForItem(1), getIndexForItem(2),
                    getIndexForItem(3), getIndexForItem(4),
                    getIndexForItem(5) };
            imageItems = items;
            for (int i = 0; i < items.length; i++) {
                ImageView childView = (ImageView)getChildAt(items[i]);
                childView.layout(marginLeft, 0, marginLeft
                        + mImageWidth , mImageHeight);
                marginLeft = marginLeft + mImageWidth;
            }
            refreshImageView();
            forceToRelayout = false;
        }
    }
    
    private void refreshImageView(){
        for (int i = 0; i < imageItems.length; i++) {
            ImageView childView = (ImageView)getChildAt(imageItems[i]);
            childView.invalidate();
        }
    }
    

    private int getIndexForItem(int item) {
        int index = -1;
        index = mIndex + item - 3;
        while (index < 0) {
            index = index + imageCount;
        }
        while (index > imageCount - 1) {
            index = index - imageCount;
        }
        return index;
    }
    
    @Override
    public boolean  onInterceptTouchEvent(MotionEvent ev) {
        int action = ev.getAction();
        if ((action == MotionEvent.ACTION_MOVE)
                && (mTouchState != TOUCH_STATE_REST)) {
            return true;        
        }
        float xLoc = ev.getX();
        switch(action){
        case MotionEvent.ACTION_DOWN:
            mMotionX = xLoc;
            mTouchState = TOUCH_STATE_REST;
            Log.e(TAG, "onInterceptTouchEvent ACTION_DOWN");  
            break;
        case MotionEvent.ACTION_MOVE:
            Log.e(TAG, "onInterceptTouchEvent ACTION_MOVE");  
             int xDif = (int)Math.abs(mMotionX - xLoc);
             if(xDif > mTouchSlop){  //当我们的水平距离滚动达到我们滚动的最小距离,开始拦截ViewGroup的事件给子控件分发
                 mTouchState = TOUCH_STATE_SCROLLING;
             }
            break;
        case MotionEvent.ACTION_UP:
            Log.e(TAG, "onInterceptTouchEvent ACTION_UP");  
            mTouchState = TOUCH_STATE_REST;
            break;
        case MotionEvent.ACTION_CANCEL:
            Log.e(TAG, "onInterceptTouchEvent ACTION_CANCEL");
            mTouchState = TOUCH_STATE_REST;
            break;
        default:
            Log.e(TAG, "onInterceptTouchEvent DEFAULT");
            mTouchState = TOUCH_STATE_REST;
            break;
        }
        return mTouchState != TOUCH_STATE_REST;
    }
    
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if(scroller.isFinished()){ //scroller还没有开始或者已经完成，以下代码在手指滑动的时候才开始执行
            if (mVelocityTracker == null) {
                mVelocityTracker = VelocityTracker.obtain();
            }
            mVelocityTracker.addMovement(event);
            int action = event.getAction();
            float x = event.getX();
            switch (action) {
            case MotionEvent.ACTION_DOWN:
                // 记录按下时的横坐标
                mMotionX = x;
            case MotionEvent.ACTION_MOVE:
                int disX = (int)(mMotionX - x);
                mMotionX = x;
                scrollBy(disX, 0);
                break;
            case MotionEvent.ACTION_UP:
                mVelocityTracker.computeCurrentVelocity(1000);
                int velocityX = (int) mVelocityTracker.getXVelocity();
                if (judeScrollToNext(velocityX)) {
                    // 下一张图
                    scrollToNext();
                } else if (judeScrollToPrevious(velocityX)) {
                    //上一张图
                    scrollToPrevious();
                } else {
                    // 当前图片
                    scrollBack();
                }
                if (mVelocityTracker != null) {
                    mVelocityTracker.recycle();
                    mVelocityTracker = null;
                }
                mHandler.sendEmptyMessageDelayed(HANDLE_MSG, PHOTO_CHANGE_TIME);
                return true;
            }
        }
        return false;
    }
    

    private void scrollBack() {
        if (scroller.isFinished()) {
            beginScroll(getScrollX(), 0, -getScrollX(), 0,SCROLL_BACK);
        }
    }

    private void scrollToPrevious() {
        if(scroller.isFinished()){
            setImageSwitchIndex(SCROLL_PREVIOUS);
            int disX = -mImageWidth - getScrollX();
            beginScroll(getScrollX(), 0, disX, 0,SCROLL_PREVIOUS);
        }
    }

    private void scrollToNext() {
        if (scroller.isFinished()) {
            setImageSwitchIndex(SCROLL_NEXT);
            int disX = mImageWidth - getScrollX();
            beginScroll(getScrollX(), 0, disX, 0,SCROLL_NEXT);
        }
    }
    
    /**
     * 图片开始滑动
     */
    private void beginScroll(int startX, int startY, int dx, int dy,
            final int action) {
        int duration = (int) (700f / mImageWidth * Math.abs(dx));
        scroller.startScroll(startX, startY, dx, dy, duration);
        invalidate();
        mHandler.postDelayed(new Runnable() {
            @Override
            public void run() {
                if (action == SCROLL_NEXT || action == SCROLL_PREVIOUS) {
                    forceToRelayout = true;
                    requestLayout();
                }
            }
        }, duration);
    }

    private void setImageSwitchIndex(int action) {
        if(action == SCROLL_NEXT){
            if(mIndex < imageCount){
                mIndex++;
            }else{
                mIndex = 0;
            }
        }else if(action == SCROLL_PREVIOUS){
            if(mIndex > 0){
                mIndex--;
            }else{
                mIndex = imageCount -1;
            }
        }
        
    }

    /**
     * 判断时候滑向前一个
     * @param velocityX
     * @return
     */
    private boolean judeScrollToPrevious(int velocityX) {
        return velocityX > SNAP_VELOCITY || getScrollX() < -mImageWidth / 2;
    }

    /**
     * 判断时候滑向后一个
     * @param velocityX
     * @return
     */
    private boolean judeScrollToNext(int velocityX) {
        return velocityX < -SNAP_VELOCITY|| getScrollX() > mImageWidth / 2;
    }
    
    @Override
    public void computeScroll() {    
        if (scroller.computeScrollOffset()) {
            scrollTo(scroller.getCurrX(), scroller.getCurrY());
            //刷新View 否则效果可能有误差
            postInvalidate();
        }
    }
    
}



布局


<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">
     <com.zhanglei.imageswitcher.ImageSwitcher
        android:id="@+id/image_switch_view"
        android:layout_width="match_parent"
        android:layout_height="200dp" >
        <ImageView
            android:id="@+id/image1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY"
            android:clickable="true"
            android:src="@drawable/item01"/>
        <ImageView
            android:id="@+id/image2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY"
            android:clickable="true"
            android:src="@drawable/item02"/>
        <ImageView
            android:id="@+id/image3"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY"
            android:clickable="true"
            android:src="@drawable/item03"/>
        <ImageView
            android:id="@+id/image4"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY"
            android:clickable="true"
            android:src="@drawable/item04"/>
         <ImageView
            android:id="@+id/image5"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY"
            android:clickable="true"
            android:src="@drawable/item05"/>
    </com.zhanglei.imageswitcher.ImageSwitcher>


</RelativeLayout>
效果就不展示了，因为我不会录像，嘎嘎

拿来就可以用哦


放眼未来活在当下
关注
专栏目录
【Android笔记107】Android之图像切换器ImageSwitcher的使用
✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过 CSDN 记录学习心得和笔记内容。
06-04 1115
ImageSwitcher是android提供的一个用于显示图片的组件，这个组件可以实现多张图片的切换功能，ImageSwitcher其实是继承自FrameLayout帧布局，我们知道帧布局是会将所有的组件堆叠显示在一个平面上，图片切换器其实就是多张图片堆叠在一起，然后每次滑动时候，就显示下一张图片、上一张图片。
ImageSwitch图片自动切换
08-09
最近使用到ImageSwitch要求图片自动切换，开始用Thread进行控制，但是因为能力不够，出现了很多问题，最后经过多次尝试，最后找到了一种方法ScheduledExecutorService，上传上来希望对大家有所帮助。压缩文件中只有两个文件，看一下，应该没什么问题
Android中的ImageSwitch控件
QuietShake的博客
09-27 3878
ImageSwitch是Android中又一个图片查看小组件，说它是小组件是因为我不太会用，也不怎么常用，它改变显示图片的方式要通过其他控件，整个显示过程都要手动操控，相同的功能Gallery和AdapterViewFlipper能够很好的完成，重要的是ImageSwitch只能显示图片。 下面做一个简单的实现，整三张图片试试。布局文件中只需要写入ImageSwitch标签即可，并为它准备两个按
Android 之 ImageSwitch图片转换器
Sunzone
01-05 291
[size=large][color=green][b]图片转换器布局文件：[/b][/color][/size] [code="java"] [/code] [size=medium][color=green][b]主程序的入口：[/b][/color][/size] [code="java"]package com.example.advancedview; im...
ImageSwitch图像切换控件
weixin_34202952的博客
08-19 219
ImageSwitch图像切换控件 继承ViewAnimator所以可以做动画 继承ViewGroup所以可以装别的控件，所以ImageSwitch里面装的就是image，不过要找个ImageView来呈现 所以ImageSwitch用一个图像工厂来显示ImageView对象图片。 我们看setImageResource里面只有一个int参数，所以如果想放多张图片，想做到图片切...
imageswitch
10-24
ImageSwitcher是Android SDK中的一个视图类，继承自ViewSwitcher，它专门用于展示图像，并且内置了动画效果，可以在切换图片时自动应用。ImageSwitcher内部包含两个ImageView，当一个图片显示完毕后，会自动切换到下...
ImageSwitch看图.zip
04-17
6. 用户界面：一个优秀的看图软件会注重用户界面的简洁和直观，使得无论是新手还是经验丰富的用户都能轻松上手。 7. 性能优化：考虑到图片文件通常较大，ImageSwitch看图可能进行了性能优化，确保快速加载大图，而...
Android控件ImageSwitcher实现左右图片切换功能
09-02
} }}在Android开发中，`ImageSwitcher`是一个非常有用的控件，它继承自`ViewSwitcher`，专门用于在两个`ImageView`之间进行切换，并且可以添加动画效果，使得图片切换更加平滑自然。这个例子中，我们通过XML布局...
GridView+ImageSwitcher实现的图片切换（左滑右滑切换）
03-04
2. **实现ViewFactory**：创建一个实现了`ViewFactory`接口的类，重写`createView`方法。在这个方法中，返回一个新的ImageView实例，设置其大小和其它属性。 3. **绑定事件监听器**：在GridView的适配器中，为每个...
imageSwitch（图片轮播）使用代码详解
玖
03-30 2383
package liu; import com.example.demo_0330.R; import android.app.Activity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener
switch注入工具
12-07
switch注入工具Switch破解包,用于SWITCH破解，大气层破解，需要的可以下下
Android ImageSwitch
04-22
Android 下的图片切换看图工具源代码。提供类似图库的功能。
switch开关插件
10-19
honeySwitch.js优美的开关插件,包含开关监听,使用方法代码
Android中Gallery和ImageSwitcher同步自动(滚动)播放图片库
06-05
Android中Gallery和ImageSwitcher同步自动(滚动)播放图片库
android 组件ImageSwitch实例
fxjzzyo的博客
08-23 905
本例子是对ImageSwitch的练习。通过两个按钮“上一张”、“下一张”达到对4张图片切换的效果。还附加了动画效果哦~ 布局文件：imageswitch_layout.xml     android:layout_width="match_parent"     android:layout_height="match_parent"     android:or
host管理工具SwitchHosts的使用
热门推荐
千千
08-01 4万+
SwitchHosts简介 SwitchHosts是一个管理、快速切换Hosts小工具，开源软件，一键切换Hosts配置，非常实用，高效。开发Web过程成，部署有多套环境，网址域名都相同，部署在不同的服务器上，有开发环境、测试环境、预发布环境、生产环境。经常要切换Hosts来访问，测试以及验证bug，如果纯手工修改这会花掉不少时间。 安装步骤 1.下载地址：https://github.co...
android:使用gallery和imageSwitch制作可左右循环滑动的图片浏览器
苏苏爱自由
02-25 3906
为了使图片浏览器左右无限循环滑动 我们要自定义gallery的adapter 如果要想自定义adapter首先要了解这几个方法 @Override public int getCount() { // TODO Auto-generated method stub return 0; } @Override public Object getItem(int position
Android之ImageSwitch控件
11-25 135
ImageSwitch可以实现图片的使用按钮实现上一张下一张浏览的效果。1、 使用ImageSwitch的控件2、 需要实现viewFractory接口，复写方法makeView，因为是显示图片，所以需要return new ImageView(context);3、 ImageSwitch需要使用setFactory(传入viewFractory对象) 转载于:https://...
25个jQuery滑块插件与教程精华汇总
18. **ImageSwitch**：可能是一种轻量级的图片切换插件，适合快速实现基本切换功能。 19. **jFlow：简约jQuery插件创建内容滑块**：通过简单易用的插件，快速构建个性化滑动组件。 20. **jQuery Looped Slider ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值