android 消息垂直滚动轮播控件

本文已更新，请移步最新发布的文章，功能更加完善！ViewsFlipper–最易用的的仿淘宝、京东消息轮播控件
类似淘宝首页的那种消息垂直滚动的控件，实现也很简单，网上也有很多例子，不过网上大多数的例子都是利用android的原生控件ViewFlipper，这个控件我也用了，最后发现很坑爹，有很多问题。
先说使用ViewFliper遇到的问题。首先一个就是ViewFlipper在手机锁屏然后再开屏之后有时候不再自动滚动，看了ViewFlipper的源码就知道，ViewFlipper中注册了一个广播接收器（BroadcastReceiver）用来接收系统锁屏和开屏的消息，并用来控制其中的一个boolean变量mUserPresent，这个变量将直接决定着ViewFlipper是否能自动滚动，但是我测试发现，有时候手机锁屏再开屏之后，ViewFlipper的广播接收器根本没有收到开屏的广播消息，导致变量的状态没有改变，从而导致ViewFlipper无法自动滚动。

private final BroadcastReceiver mReceiver = new BroadcastReceiver() {        @Override        public void onReceive(Context context, Intent intent) {            final String action = intent.getAction();            if (Intent.ACTION_SCREEN_OFF.equals(action)) {                mUserPresent = false;                updateRunning();            } else if (Intent.ACTION_USER_PRESENT.equals(action)) {                mUserPresent = true;                updateRunning(false);            }        }    };    ...    private void updateRunning(boolean flipNow) {        boolean running = mVisible && mStarted && mUserPresent;        if (running != mRunning) {            if (running) {                showOnly(mWhichChild, flipNow);                postDelayed(mFlipRunnable, mFlipInterval);            } else {                removeCallbacks(mFlipRunnable);            }            mRunning = running;        }        if (LOGD) {            Log.d(TAG, "updateRunning() mVisible=" + mVisible + ", mStarted=" + mStarted                    + ", mUserPresent=" + mUserPresent + ", mRunning=" + mRunning);        }    }

而且我在Fragment中使用ViewFlipper还遇到了来回切换之后显示重影的问题，不过这个问题可以在切换的使用调用ViewFlipper的stopFlipping和stopFlippng函数来解决，不过这样做你还是会发现一个问题，就是切回来之后显示的第一个消息是带有入场动画的，但是上面却是空白！

查看ViewFlipper的startFlipping源码，可以看到 startFlipping调用了updateRunning(true)方法，这个方法又调用了父类ViewAnimator的showOnly(childId, flipNow)方法，showOnly方法就是根据传入的参数childId展示哪一项子view，并且根据flipNow决定是否播放动画，很不幸，调用startFlipping默认传入的参数就是播放动画，这就导致在显示第一项的时候展示了入场动画，但是上面为什么是空白的，我暂时也没搞懂，那个大神知道了还请告知一下！小菜在此感激不尽。

public void startFlipping() {        mStarted = true;        updateRunning();    }    private void updateRunning() {        updateRunning(true);    }

既然ViewFlipper不符合要求，那就自己写一个MyViewFlipper吧，借鉴ViewFlipper的源码，改动了部分代码，去掉了广播注册的部分，然后将startFlipping中传入不播放动画，效果如下图:

大功告成！
下面贴代码

• **1、TextViewSwitcher **

package com.example.lee.rollingtextview.view;import android.content.Context;import android.content.res.TypedArray;import android.support.annotation.AnimRes;import android.support.annotation.Nullable;import android.util.AttributeSet;import android.util.Log;import android.view.View;import android.view.animation.Animation;import android.view.animation.AnimationUtils;import android.widget.ViewAnimator;import com.example.lee.rollingtextview.R;import com.example.lee.rollingtextview.RollingTextAdapter;/** * Created by lihuayong on 18/7/20. * 代码参考ViewFlipper源码 * 修改了部分源码，如不再接收手机锁屏和开屏广播，需要调用api手动设置自动播放 * */public class TextViewSwitcher extends ViewAnimator {    private static final  String TAG = "TextViewSwitcher";    private static final int DEFAULT_FLIP_DURATION = 500;    private static final int DEFAULT_FLIP_INTERVAL = 3000;    private static final int DEFAULT_IN_ANIMATION = R.anim.rolling_text_in;    private static final int DEFAULT_OUT_ANIMATION = R.anim.rolling_text_out;    /**     * 切换的时间间隔     * */    private int mFlipInterval = DEFAULT_FLIP_INTERVAL;    /**     * 动画切换时间间隔     */    private int mFlipDuration = DEFAULT_FLIP_DURATION;    @AnimRes    private int mInAnimation = DEFAULT_IN_ANIMATION;    @AnimRes    private int mOutAnimation = DEFAULT_OUT_ANIMATION;    private boolean mAutoStart = false;    private boolean mVisible = false;    private boolean mStarted = false;    private boolean mRunning = false;    private RollingTextAdapter mAdapter;    private OnItemClickListener mListener;    private int mCurItem = 0;    public TextViewSwitcher(Context context) {        this(context,null);    }    public TextViewSwitcher(Context context, AttributeSet attrs) {        super(context, attrs);        parseConfig(context,attrs);        init(context);    }    private void parseConfig(Context context, @Nullable  AttributeSet attrs){        if(null != attrs) {            /** get set from xml files */            TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.TextViewSwitcher);            mFlipDuration = a.getInteger(R.styleable.TextViewSwitcher_flipDuration, DEFAULT_FLIP_DURATION);            mFlipInterval = a.getInteger(R.styleable.TextViewSwitcher_flipInterval, DEFAULT_FLIP_INTERVAL);            mAutoStart = a.getBoolean(R.styleable.TextViewSwitcher_autoStart, false);            mInAnimation = a.getResourceId(R.styleable.TextViewSwitcher_inAnimation, DEFAULT_IN_ANIMATION);            mOutAnimation = a.getResourceId(R.styleable.TextViewSwitcher_outAnimation, DEFAULT_OUT_ANIMATION);            a.recycle();        }    }    private void init(Context context){        Animation animIn = AnimationUtils.loadAnimation(context, mInAnimation);        setInAnimation(animIn);        Animation animOut = AnimationUtils.loadAnimation(context, mOutAnimation);        setOutAnimation(animOut);        setFlipInterval(mFlipInterval);        setFlipDuration(mFlipDuration);        setAutoStart(mAutoStart);    }    /**     * load subview     */    private void start(){        if(this.mAdapter == null||this.mAdapter.getCount() <= 0){            return;        }        removeAllViews();        //auto start flipping while data size >= 2        if(this.mAdapter.getCount() >2)            setAutoStart(true);        else            setAutoStart(false);        for(int i =0;i

<?xml version="1.0" encoding="utf-8"?>    <?xml version="1.0" encoding="utf-8"?>    

<?xml version="1.0" encoding="utf-8"?>