美文网首页
多行新闻滚动栏实现

多行新闻滚动栏实现

作者: qingsongwill | 来源:发表于2017-06-23 16:22 被阅读68次

    最近项目中需要实现多行垂直滚动新闻栏,在网上搜了下,大部分都是模仿京东的单行新闻栏,也就不符合项目要求,今天突然看到一篇博文,觉得可以拿来用一用,是重写了RecyclerView实现的,重写时主要就是定义一个子线程定时scrollBy,来实现滚动效果。但是View不能无限制滚动,这里用到了一个取巧的办法。
    在重写Adapter的getItemCount方法时,返回一个整型最大值,代码:

        @Override
            public int getItemCount() {
                return Integer.MAX_VALUE;
            }
    

    在重写onBindViewHolder方法时,代码:

       @Override
            public void onBindViewHolder(MarqueHolder holder, int position) {
                holder.tv.setText(mData.get(position%size));
            }
    

    这样就实现了无线循环滚动的效果。
    在原有基础上做了一个优化,就是在滑动View的时候,禁止自动滚动,其实就是重写了onTouchEvent方法,本来是想在点击View的时候就不滚动,但是发现ACTION_DOWN、ACTION_UP不响应,想了想,RecyclerView应该是事件做了拦截,交给了item来响应,只有ACTION_MOVE响应,就加一个标志位就ok了,滑动时为false,代码:

        @Override
        public boolean onTouchEvent(MotionEvent e) {
            switch (e.getAction()){
                case MotionEvent.ACTION_DOWN:
                    scrolling = false;
                    break;
                case MotionEvent.ACTION_MOVE:
                    scrolling = false;
                    break;
                case MotionEvent.ACTION_UP:
                    scrolling = true;
                    break;
            }
            return super.onTouchEvent(e);
        }
    

    完整代码:

    package com.myuiapp.view;
    
    import android.content.Context;
    import android.os.Handler;
    import android.os.Message;
    import android.support.v7.widget.RecyclerView;
    import android.util.AttributeSet;
    import android.view.LayoutInflater;
    import android.view.MotionEvent;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.TextView;
    
    import com.myuiapp.R;
    
    import java.util.List;
    import java.util.concurrent.atomic.AtomicBoolean;
    
    /**
     * TODO
     *
     * @author cb2016
     * @version V 1.0
     * @date 2017/6/23 10:52.
     */
    public class MarqueeView extends RecyclerView {
        Thread thread = null;
        AtomicBoolean shouldContinue = new AtomicBoolean(false);
        Handler mHandler;
        boolean scrolling = true;
    
        public MarqueeView(Context context) {
            super(context);
        }
    
        public MarqueeView(Context context, AttributeSet attrs) {
            super(context, attrs);
        }
    
        public MarqueeView(Context context, AttributeSet attrs, int defStyle) {
            super(context, attrs, defStyle);
        }
    
        private void init() {
            //主线程的handler,用于执行Marquee的滚动消息
            mHandler=new Handler(){
                @Override
                public void handleMessage(Message msg) {
                    super.handleMessage(msg);
                    switch (msg.what){
                        case 1://不论是竖直滚动还是水平滚动,都是偏移5个像素
                            if(scrolling)
                            MarqueeView.this.scrollBy(5, 5);
                            break;
                    }
                }
            };
            if (thread == null) {
                thread = new Thread() {
                    public void run() {
                        while (shouldContinue.get()) {
                            try {
                                Thread.sleep(200);
                            } catch (InterruptedException e) {
                                e.printStackTrace();
                            }
                            Message msg=mHandler.obtainMessage();
                            msg.what=1;
                            msg.sendToTarget();
                        }
                        //退出循环时清理handler
                        mHandler=null;
                    }
                };
            }
        }
    
        @Override
        /**
         * 在附到窗口的时候开始滚动
         */
        protected void onAttachedToWindow() {
            super.onAttachedToWindow();
            shouldContinue.set(true);
            init();
            thread.start();
        }
    
        @Override
        /**
         * 在脱离窗口时处理相关内容
         */
        protected void onDetachedFromWindow() {
            super.onDetachedFromWindow();
            stopMarquee();
        }
    
        @Override
        public boolean onTouchEvent(MotionEvent e) {
            switch (e.getAction()){
                case MotionEvent.ACTION_DOWN:
                    scrolling = false;
                    break;
                case MotionEvent.ACTION_MOVE:
                    scrolling = false;
                    break;
                case MotionEvent.ACTION_UP:
                    scrolling = true;
                    break;
            }
            return super.onTouchEvent(e);
        }
    
        /**
         * 停止滚动
         */
        public void stopMarquee() {
            shouldContinue.set(false);
            thread = null;
        }
    
    
        /**
         * Adapter类
         */
        public static class InnerAdapter extends Adapter<InnerAdapter.MarqueHolder> {
            private List<String> mData;
            private int size;
            private LayoutInflater mLayoutInflater;
            public InnerAdapter(List<String> data,Context context) {
                mData = data;
                size=mData.size();
                mLayoutInflater=LayoutInflater.from(context);
            }
    
            @Override
            public MarqueHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    
                View view=mLayoutInflater.inflate(R.layout.marque_item,parent,false);
                return new MarqueHolder(view);
            }
    
            @Override
            public void onBindViewHolder(MarqueHolder holder, int position) {
                holder.tv.setText(mData.get(position%size));
            }
    
            @Override
            public int getItemCount() {
                return Integer.MAX_VALUE;
            }
            /**
             ** ViewHolder类
             **/
            static class MarqueHolder extends ViewHolder {
                TextView tv;
    
                public MarqueHolder(View view) {
                    super(view);
                    tv = (TextView) view.findViewById(R.id.tv_title);
                }
    
            }
        }
    }
    
    

    [原文地址] (https://my.oschina.net/tnjin/blog/619614)

    相关文章

      网友评论

          本文标题:多行新闻滚动栏实现

          本文链接:https://www.haomeiwen.com/subject/mvpccxtx.html