多行新闻滚动栏实现

最近项目中需要实现多行垂直滚动新闻栏,在网上搜了下,大部分都是模仿京东的单行新闻栏,也就不符合项目要求,今天突然看到一篇博文,觉得可以拿来用一用,是重写了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)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值