Banner.gif

package com.forens.action.ui.widget;

import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.ValueAnimator;
import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.DecelerateInterpolator;
import android.widget.ImageView;

import com.forens.action.R;
import com.forens.action.utils.LogUtil;

import java.util.ArrayList;
import java.util.Collections;
import java.util.List;

/****
 * <pre>
 *      Project_Name:    ActionHttp2
 *      Copyright:       
 *      Version:         1.0.0
 *      Created:         dake on 2018/6/14 17:13.
 *      E-mail:          1129305620@qq.com
 *      Desc:            自定义首页轮播广告layout
 * </pre>
 ****/
public class BannerLayout extends ViewGroup {
    private float X_DOWN = 0, X_PREVIOUS;
    private int DIRECTION = 0;
    private int interval = 3000;
    private int count = 0, currentPosition = 0, placeHolderId;
    private List<ImageView> mImageViewList;
    private ValueAnimator moveAnim, backAnim;
    private BannerListener mListener;

    private Runnable mRunnable = new Runnable() {
        @Override
        public void run() {
            moveAnim.cancel();
            moveAnim.start();
            postDelayed(this, interval);
        }
    };

    public BannerLayout(Context context) {
        this(context, null);
    }

    public BannerLayout(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public BannerLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initImage();
        initAnim();
        if (attrs != null) {
            TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.BannerLayout);
            placeHolderId = a.getResourceId(R.styleable.BannerLayout_placeholder, 0);
        }
    }

    private void initImage() {
        mImageViewList = new ArrayList<>();
        for (int i = 0; i < 3; i++) {
            ImageView imageView = new ImageView(getContext());
            imageView.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
            imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
            addView(imageView);
            mImageViewList.add(imageView);
        }
    }

    private void initAnim() {
        moveAnim = ValueAnimator.ofFloat(0f, 1f);
        moveAnim.setDuration(1000).setInterpolator(new DecelerateInterpolator());
        moveAnim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                float all = getWidth() - Math.abs(mImageViewList.get(1).getX());
                if (DIRECTION == 1) {
                    setAllX(all * (float) animation.getAnimatedValue());
                } else {
                    setAllX(-all * (float) animation.getAnimatedValue());
                }
            }
        });
        moveAnim.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
                if (DIRECTION == 1) {//向右
                    mImageViewList.get(2).setX(-getWidth());
                    Collections.swap(mImageViewList, 1, 2);
                    Collections.swap(mImageViewList, 0, 1);
                    if (mListener != null) {
                        mImageViewList.get(0).setImageBitmap(null);
                        currentPosition = currentPosition == 0 ? (count - 1) : (currentPosition - 1);
                        mListener.onLoadImg(currentPosition == 0 ? (count - 1) : currentPosition - 1, mImageViewList.get(0));
                    }
                } else {
                    mImageViewList.get(0).setX(getWidth());
                    Collections.swap(mImageViewList, 1, 0);
                    Collections.swap(mImageViewList, 2, 1);
                    if (mListener != null) {
                        mImageViewList.get(2).setImageBitmap(null);
                        currentPosition = currentPosition == (count - 1) ? 0 : (currentPosition + 1);
                        mListener.onLoadImg(currentPosition == (count - 1) ? 0 : currentPosition + 1, mImageViewList.get(2));
                    }
                }
                if (mListener != null) {
                    mListener.onChange(currentPosition);
                }
            }
        });
        backAnim = ValueAnimator.ofFloat(0f, 1f);
        backAnim.setDuration(1000).setInterpolator(new DecelerateInterpolator());
        backAnim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                float all = Math.abs(mImageViewList.get(1).getX());
                if (mImageViewList.get(1).getX() > 0) {
                    setAllX(-all * (float) animation.getAnimatedValue());
                } else {
                    setAllX(all * (float) animation.getAnimatedValue());
                }
            }
        });
    }

    private void setAllX(float xOf) {
        mImageViewList.get(1).setX(mImageViewList.get(1).getX() + xOf);
        mImageViewList.get(0).setX(mImageViewList.get(1).getX() - getWidth());
        mImageViewList.get(2).setX(mImageViewList.get(1).getX() + getWidth());
    }

    public void setScaleType(ImageView.ScaleType scaleType) {
        for (ImageView imageView : mImageViewList) {
            imageView.setScaleType(scaleType);
        }
    }

    public void setCount(int count) {
        this.count = count;
        if (count <= 0) {
            mImageViewList.get(1).setImageResource(placeHolderId);
        } else {
            if (mListener != null) {
                mListener.onLoadImg(0, mImageViewList.get(1));
                if (count > 1) {
                    mListener.onLoadImg(1, mImageViewList.get(2));
                    mListener.onLoadImg(count - 1, mImageViewList.get(0));
                    postDelayed(mRunnable, interval);
                }
            }
        }
    }

    public void setListener(BannerListener listener) {
        mListener = listener;
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        int count = getChildCount();
        if (count < 3)
            return;
        for (int i = 0; i < count; i++) {
            View child = getChildAt(i);
            if (child instanceof ImageView) {
                int w = getWidth();
                switch (i) {
                    case 0:
                        child.layout(-w, t, 0, b);
                        break;
                    case 1:
                        child.layout(l, t, r, b);
                        break;
                    case 2:
                        child.layout(w, t, w * 2, b);
                        break;
                }
            }
        }
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        measureChildren(widthMeasureSpec, heightMeasureSpec);
        //        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        //高度wrap_content时设置为16:9
        if (heightMode == MeasureSpec.AT_MOST) {
            int widthSize = MeasureSpec.getSize(widthMeasureSpec);
            setMeasuredDimension(widthSize, widthSize * 9 / 16);
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (count == 0 || count == 1) {
            return false;
        }
        getParent().requestDisallowInterceptTouchEvent(true);
        moveAnim.cancel();
        backAnim.cancel();
        removeCallbacks(mRunnable);
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                X_DOWN = event.getX();
                X_PREVIOUS = event.getX();
                break;
            case MotionEvent.ACTION_MOVE:
                setAllX(event.getX() - X_PREVIOUS);
                X_PREVIOUS = event.getX();
                break;
            case MotionEvent.ACTION_UP:
                DIRECTION = event.getX() - X_DOWN > 0 ? 1 : 0;
                if ((event.getEventTime() - event.getDownTime()) < 200) {
                    //                    LogUtil.d("快速滑动，切换");
                    if (Math.abs((event.getX() - X_DOWN)) > 200) {
                        moveAnim.start();
                    } else {
                        backAnim.start();
                    }
                } else {
                    if (Math.abs((event.getX() - X_DOWN)) >= (getWidth() / 2)) {
                        //                        LogUtil.d("慢速滑动超过一半，切换");
                        moveAnim.start();
                    } else {
                        //                        LogUtil.d("慢速滑动没有超过一半，回弹");
                        backAnim.start();
                    }
                }
                postDelayed(mRunnable, interval);
                break;
        }
        return true;
    }

    @Override
    public void onWindowFocusChanged(boolean hasWindowFocus) {
        super.onWindowFocusChanged(hasWindowFocus);
        LogUtil.d("onWindowFocusChanged:"+hasWindowFocus);
    }

    @Override
    protected void onWindowVisibilityChanged(int visibility) {
        super.onWindowVisibilityChanged(visibility);
        LogUtil.d("onWindowVisibilityChanged:"+visibility);
        if(visibility==VISIBLE){

        }else {

        }
    }

    @Override
    protected void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        removeCallbacks(mRunnable);
    }

    public interface BannerListener {
        void onChange(int position);

        void onLoadImg(int position, ImageView imageView);
    }
}

attrs.xml

<declare-styleable name="BannerLayout">
        <attr name="placeholder" format="reference"/>
    </declare-styleable>

使用

mBannerLayout.setListener(new BannerLayout.BannerListener() {
            @Override
            public void onChange(int position) {
                LogUtil.d("onChange:"+position);
            }

            @Override
            public void onLoadImg(int position, ImageView imageView) {
                LogUtil.d("onLoadImg:"+position);
                Glide.with(getActivity()).load(mStringList.get(position)).into(imageView);
            }
        });
        mBannerLayout.setCount(mStringList.size());