专栏首页向治洪android 特卖列表倒计时卡顿问题

android 特卖列表倒计时卡顿问题

在Android的开发中,我们经常遇见倒计时的操作,通常使用Timer和Handler共同操作来完成。当然也可以使用Android系统控件CountDownTimer,这里我们封装成一个控件,也方便大家的使用。

首先上一张效果图吧:

说一下造成卡顿的原因,由于滑动的时候,adapter的getView频繁的创建和销毁,就会出现卡顿和数据错位问题,那么我们每一个item的倒计时就需要单独维护,这里我用的Handler与timer及TimerTask结合的方法,我们知道TimerTask运行在自己子线程,然后通过Timer的schedule()方法实现倒计时功能,最后通过Hander实现View的刷新,其核心代码如下:

public class CountDownView extends LinearLayout {

    @BindView(R.id.tv_day)
    TextView tvDay;
    @BindView(R.id.tv_hour)
    TextView tvHour;
    @BindView(R.id.tv_minute)
    TextView tvMinute;
    @BindView(R.id.tv_second)
    TextView tvSecond;

    @BindView(R.id.day)
    TextView day;
    @BindView(R.id.hour)
    TextView hour;
    @BindView(R.id.minute)
    TextView minute;

    private Context context;

    private int viewBg;//倒计时的背景
    private int cellBg;//每个倒计时的背景
    private int cellTextColor;//文字颜色
    private int textColor;//外部:等颜色
    private int textSize = 14;//外部文字大小
    private int cellTextSize = 12;//cell文字大小

    private TimerTask timerTask = null;
    private Timer timer = new Timer();
    private Handler handler = new Handler() {

        public void handleMessage(Message msg) {
            countDown();
        }
    };

    public CountDownView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
        this.context = context;
    }

    public CountDownView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context = context;
        initAttrs(attrs, defStyleAttr);
        initView(context);
    }

    private void initAttrs(AttributeSet attrs, int defStyle) {
        TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.CountDownView, defStyle,0);
        viewBg = typedArray.getColor(R.styleable.CountDownView_viewBg, Color.parseColor("#FFFFFF"));
        cellBg = typedArray.getColor(R.styleable.CountDownView_cellBg, Color.parseColor("#F4F4F4"));
        cellTextColor = typedArray.getColor(R.styleable.CountDownView_cellTextColor, Color.parseColor("#646464"));
        textColor = typedArray.getColor(R.styleable.CountDownView_TextColor, Color.parseColor("#B3B3B3"));
        textSize = (int) typedArray.getDimension(R.styleable.CountDownView_TextSize, UIUtils.dp2px(getContext(), 14));
        cellTextSize = (int) typedArray.getDimension(R.styleable.CountDownView_cellTextSize, UIUtils.dp2px(getContext(), 12));
        typedArray.recycle();

    }

    private void initView(Context context) {
        LayoutInflater inflater = (LayoutInflater) context
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View view = inflater.inflate(R.layout.layout_countdown_layout, this);
        ButterKnife.bind(view);

        initProperty();
    }

    private void initProperty() {
        tvDay.setBackgroundColor(cellBg);
        tvHour.setBackgroundColor(cellBg);
        tvMinute.setBackgroundColor(cellBg);
        tvSecond.setBackgroundColor(cellBg);

        tvDay.setTextColor(cellTextColor);
        tvHour.setTextColor(cellTextColor);
        tvMinute.setTextColor(cellTextColor);
        tvSecond.setTextColor(cellTextColor);

        day.setTextColor(textColor);
        hour.setTextColor(textColor);
        minute.setTextColor(textColor);
    }


    public void setLeftTime(long leftTime) {
        if (leftTime <= 0) return;
        long time = leftTime / 1000;
        long day = time / (3600 * 24);
        long hours = (time - day * 3600 * 24) / 3600;
        long minutes = (time - day * 3600 * 24 - hours * 3600) / 60;
        long seconds = time - day * 3600 * 24 - hours * 3600 - minutes * 60;

        setTextTime(time);
    }


    public void start() {
        if (timerTask == null) {
            timerTask = new TimerTask() {
                @Override
                public void run() {
                    handler.sendEmptyMessage(0);
                }

            };
            timer.schedule(timerTask, 1000, 1000);
//            timer.schedule(new TimerTask() {
//                @Override
//                public void run() {
//                    handler.sendEmptyMessage(0);
//                }
//            }, 0, 1000);
        }
    }

    public void stop() {
        if (timer != null) {
            timer.cancel();
            timer = null;
        }
    }

    //保证天,时,分,秒都两位显示,不足的补0
    private void setTextTime(long time) {
        String[] s = TimeUtils.formatTimer(time);
        tvDay.setText(s[0]);
        tvHour.setText(s[1]);
        tvMinute.setText(s[2]);
        tvSecond.setText(s[3]);
    }

    private void countDown() {
        if (isCarry4Unit(tvSecond)) {
            if (isCarry4Unit(tvMinute)) {
                if (isCarry4Unit(tvHour)) {
                    if (isCarry4Unit(tvDay)) {
                        stop();
                    }
                }
            }
        }
    }

    private boolean isCarry4Unit(TextView tv) {
        int time = Integer.valueOf(tv.getText().toString());
        time = time - 1;
        if (time < 0) {
            time = 59;
            tv.setText(time + "");
            return true;
        } else if (time < 10) {
            tv.setText("0" + time);
            return false;
        } else {
            tv.setText(time + "");
            return false;
        }
    }
}

另一种写法:

public class CountDownTimerView extends LinearLayout {

    private TextView  hourView, minuteView, secondView;
    private LimitTimer mTimer;
    private Handler handler;
    public static final int START_LIMIT_TIME_MSG = 0x0111;
    public static final int END_LIMIT_TIME_MSG = 0x0112;
    private long endTime, leftTime;
    private LimitTimeListener listener=null;

    public CountDownTimerView(Context context) {
        super(context);
        initView(context);
    }

    public CountDownTimerView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView(context);
    }

    private void initView(Context context) {
        setOrientation(HORIZONTAL);
        setGravity(Gravity.CENTER_VERTICAL);
        inflate(context, R.layout.layout_countdown_layout, this);
        hourView = (TextView) findViewById(R.id.tv_hour);
        minuteView = (TextView) findViewById(R.id.tv_minute);
        secondView = (TextView) findViewById(R.id.tv_second);
    }

    public long getLeftTime() {
        return leftTime;
    }

    //设置剩余时间
    public void initLeftTime(long endTime) {
        endTime=endTime*1000;
        if (null != mTimer) {
            mTimer.cancel();
            mTimer = null;
        }
        this.endTime = endTime;
        mTimer = new LimitTimer(endTime, 1000);
        mTimer.start();
        if (handler != null) {
            handler.sendEmptyMessage(START_LIMIT_TIME_MSG);
        }
    }

    /**
     * 如果该控件使用在碎片中,返回时,则最好还是要stop
     */
    public void stopTimeCount() {
        if (null != mTimer) {
            mTimer.cancel();
            mTimer = null;
        }
    }

    public Handler getHandler() {
        return handler;
    }

    public void setHandler(Handler handler) {
        this.handler = handler;
    }

    private class LimitTimer extends CountDownTimer {

        public LimitTimer(long millisInFuture, long countDownInterval) {
            super(0 != leftTime ? leftTime : endTime, countDownInterval);
        }

        @Override
        public void onTick(long millisUntilFinished) {
            leftTime = millisUntilFinished;
            long totalSecond = millisUntilFinished / 1000;
            int second = (int) (totalSecond % 60);
            int minute = (int) ((totalSecond / 60) % 60);
            int hour = (int) ((totalSecond / 3600) % 24);
            int day = (int) (totalSecond / (3600 * 24));

            formatView(hourView, hour);
            formatView(minuteView, minute);
            formatView(secondView, second);
        }

        @Override
        public void onFinish() {
            String zero = "00";
            hourView.setText(zero);
            minuteView.setText(zero);
            secondView.setText(zero);
            if (null != handler) {
                handler.sendEmptyMessage(END_LIMIT_TIME_MSG);
            }
            if (listener!=null){
                listener.onTimeOver(true);
            }
        }

        private void formatView(TextView view, int time) {
            DecimalFormat df = new DecimalFormat("#00");
            view.setText(df.format(time));
        }
    }

    //倒计时结束监听
    public void setOnLimitTimeListener(LimitTimeListener listener) {
        this.listener = listener;
    }
    public interface LimitTimeListener {
        void onTimeOver(boolean flag);
    }

    @Override
    protected void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        if (handler != null) {
            handler.removeMessages(START_LIMIT_TIME_MSG);
        }
    }
}

涉及到的布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal">


    <TextView
        android:id="@+id/tv_hour"
        style="@style/style_countdown" />

    <TextView
        style="@style/style_wrap_content"
        android:layout_marginLeft="3dp"
        android:layout_marginRight="3dp"
        android:layout_gravity="center_vertical"
        android:text="时"
        android:textColor="@color/color_646464" />

    <TextView
        android:id="@+id/tv_minute"
        style="@style/style_countdown" />

    <TextView
        style="@style/style_wrap_content"
        android:layout_marginLeft="3dp"
        android:layout_marginRight="3dp"
        android:layout_gravity="center_vertical"
        android:text="分"
        android:textColor="@color/color_646464" />

    <TextView
        android:id="@+id/tv_second"
        style="@style/style_countdown" />

    <TextView
        style="@style/style_wrap_content"
        android:layout_marginLeft="3dp"
        android:layout_marginRight="3dp"
        android:layout_gravity="center_vertical"
        android:text="秒"
        android:textColor="@color/color_646464" />
</LinearLayout>

移动技术交流(Android,ios,RactNtive),请加群:278792776

附上源码地址:点击打开链接

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • AnimatedPathView实现自定义图片标签

    老早用过小红书app,对于他们客户端笔记这块的设计非常喜欢,恰好去年在小红书的竞争对手公司,公司基于产品的考虑和产品的发展,也需要将app社交化,于是在社区分享...

    xiangzhihong
  • Android仿拼多多拼团堆叠头像

    序言 做电商的都知道,作为商品的一种售卖方式,拼团是是提供商品售卖的一种及时有效的方式,而在拼团市场中,拼多多无疑是做的最好的一家。于是,研究拼多多的售卖方式之...

    xiangzhihong
  • Android仿拼多多拼团堆叠头像

    序言 做电商的都知道,作为商品的一种售卖方式,拼团是是提供商品售卖的一种及时有效的方式,而在拼团市场中,拼多多无疑是做的最好的一家。于是,研究拼多多的售卖方式之...

    xiangzhihong
  • android RecycleView实现下拉刷新和上拉加载

    android的下拉刷新,上拉加载功能,翻页时显示从第1页开始到当前页面的内容,并且当前显示的是当前页的内容;

    砸漏
  • Android自定义控件之三点循环缩放效果

    本文实例为大家分享了Android自定义控件之三点循环缩放的具体代码,供大家参考,具体内容如下

    砸漏
  • Android自定义View实现拼图小游戏

    砸漏
  • 基于Android平台实现拼图小游戏

    拼图是一款益智类经典游戏了,本游戏学习了一些前辈们的经验,整体来说讲,将图片用切图工具进行切割,监听用户手指滑动事件,当用户对凌乱的图片,在一定的时间内拼凑恢复...

    砸漏
  • ScrollView与SeekBar绑定实现滑动时出现小滑块效果

    重写SeekBar 重写ScroView 主工程 布局 SeekBar样式修改 绑定SeekBar和ScrollView 监听ScrollView的...

    砸漏
  • android特卖列表倒计时卡顿问题的解决方法

    在Android的开发中,我们经常遇见倒计时的操作,通常使用Timer和Handler共同操作来完成。当然也可以使用Android系统控件CountDownTi...

    砸漏
  • 【Java学习笔记之七】java函数的语法规则总结

    函数的概述 发现不断进行加法运算,为了提高代码的复用性,就把该功能独立封装成一段独立的小程序,当下次需要执行加法运算的时候,就可以直接调用这个段小程序即可,那么...

    Angel_Kitty

扫码关注云+社区

领取腾讯云代金券