Android listview item倒计时功能

最新推荐文章于 2021-05-26 07:09:25 发布
最新推荐文章于 2021-05-26 07:09:25 发布
阅读量1.1k 收藏 1
点赞数 3
文章标签： listview倒计时
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/senger_z/article/details/90644103
版权

前段时间项目有个需求是需要在listview的item中做个60s倒计时功能，并且倒计时的时间由本地记录，无关服务端。网上找了一些demo，有倒计时的功能，但总有些问题，也无法满足需求，最后自己改进后满足了需求，然后就想着记录下开发过程中遇到的一些问题以及最后的成品。

项目需求背景：app是关于视频会议，视频会议列表由listview来展示。本次需求是需要在会议列表的item中加一个再次通知的功能，点击后有个60s倒计时，等倒计时结束才可以再次点击。

试了几种后，感觉使用CountDownTimer来实现是比较好的。

demo：

import android.content.Context;
import android.os.Bundle;
import android.os.CountDownTimer;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.util.Log;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;

import com.sfyc.countdownlist.R;
import com.sfyc.countdownlist.entity.TimerItem;

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

import butterknife.BindView;
import butterknife.ButterKnife;

import static com.sfyc.countdownlist.R.id.toolbar;


public class CountDownListActivity extends AppCompatActivity {

    private Context mContext;

    @BindView(toolbar)
    Toolbar mToolbar;

    @BindView(R.id.list_view)
    ListView mListView;

    MyAdapter mAdapter;
    private ArrayList<TimerItem> lstTimerItems;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list_view);
        ButterKnife.bind(this);
        mContext = this;
        mToolbar.setTitle(R.string.title_list_view_countdown);
        initDadas();
        mAdapter = new MyAdapter(mContext, lstTimerItems);
        mListView.setAdapter(mAdapter);
    }

    private void initDadas() {
        lstTimerItems = new ArrayList<>();
        lstTimerItems.add(new TimerItem("A", 0));
        lstTimerItems.add(new TimerItem("B", 0));
        lstTimerItems.add(new TimerItem("C", 0));
        lstTimerItems.add(new TimerItem("D", 0));
        lstTimerItems.add(new TimerItem("E", 0));
        lstTimerItems.add(new TimerItem("F", 0));
        lstTimerItems.add(new TimerItem("G", 0));
        lstTimerItems.add(new TimerItem("H", 0));
        lstTimerItems.add(new TimerItem("I", 0));
        lstTimerItems.add(new TimerItem("J", 0));
        lstTimerItems.add(new TimerItem("K", 0));
        lstTimerItems.add(new TimerItem("L", 0));
        lstTimerItems.add(new TimerItem("M", 0));
        lstTimerItems.add(new TimerItem("N", 0));
        lstTimerItems.add(new TimerItem("O", 0));
    }

    public static class MyAdapter extends BaseAdapter {
        private List<TimerItem> mDatas;
        private Context mContext;
        //用于退出activity,避免countdown，造成资源浪费。
        private SparseArray<CountDownTimer> countDownCounters;

        public MyAdapter(Context mContext, List<TimerItem> mDatas) {
            this.mContext = mContext;
            this.mDatas = mDatas;
            this.countDownCounters = new SparseArray<>();
        }

        /**
         * 清空资源
         */
        public void cancelAllTimers() {
            if (countDownCounters == null) {
                return;
            }
            Log.e("TAG", "size :  " + countDownCounters.size());
            for (int i = 0, length = countDownCounters.size(); i < length; i++) {
                CountDownTimer cdt = countDownCounters.get(countDownCounters.keyAt(i));
                if (cdt != null) {
                    cdt.cancel();
                }
            }
        }

        @Override
        public int getCount() {
            if (mDatas != null && !mDatas.isEmpty()) {
                return mDatas.size();
            }
            return 0;
        }

        @Override
        public Object getItem(int position) {
            if (mDatas != null && !mDatas.isEmpty()) {
                return mDatas.get(position);
            }
            return null;
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            final ViewHolder viewHolder;
            if (convertView == null) {
                convertView = LayoutInflater.from(mContext).inflate(R.layout.list_item_common2, parent, false);
                viewHolder = new ViewHolder();
                viewHolder.btn = (TextView) convertView.findViewById(R.id.btn);
                convertView.setTag(viewHolder);
            } else {
                viewHolder = (ViewHolder) convertView.getTag();
            }
            final TimerItem data = mDatas.get(position);

            viewHolder.btn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    data.setExpirationTime(60*1000);
                    notifyDataSetChanged();
                }
            });
            CountDownTimer countDownTimer = countDownCounters.get(viewHolder.btn.hashCode());
            //将前一个缓存清除
            if (countDownTimer != null) {
                countDownTimer.cancel();
            }
            long timer = data.getExpirationTime();
//            timer = timer - System.currentTimeMillis();
            if (timer > 0) {
                countDownTimer = new CountDownTimer(timer, 1000) {
                    public void onTick(long millisUntilFinished) {
                        viewHolder.btn.setText(millisUntilFinished/1000 +"");
                        Log.e("TAG", data.name + " :  " + millisUntilFinished);
                    }
                    public void onFinish() {
                        viewHolder.btn.setText("开始倒计时");
                    }
                }.start();
                countDownCounters.put(viewHolder.btn.hashCode(), countDownTimer);
            } else {
                viewHolder.btn.setText("开始倒计时");
            }
            return convertView;
        }

        public class ViewHolder {
            public TextView btn;
        }
    }


}

效果：
在这里插入图片描述
但是这里有几个问题：
1.当item不可见时，CountDownTimer会停止运行，直至item可见时继续运行，这样倒计时的时间就会不准确。比如在55s的时候item不可见，过了20s后item可见了，你会发现倒计时的时间还在55s。
2.刷新问题，由于本项目做的是会议列表，因此有每隔5s自动刷新会议列表，并且用户也可以手动下拉刷新列表。这样不管之前的倒计时状态是怎样，刷新后都会变为未倒计时状态。

针对上述问题的解决方案：
1.因为之前按钮点击后我是给了个60s的时间，然后利用这个时间去做递减才会出现的这个情况。后来改成点击的时候赋予当前系统+60s的时间。然后去判断这个时间与当前系统时间的差值，如果差值大于0的话就执行倒计时。这样不管item不可见多久，时间的差值都不会有问题。
2.刷新问题一直都没有很好的解决，所以后面我用了一个笨办法，就是另外建立一个数组，每次点击按钮赋值的时候，在新建的数组中保存该对象。然后在每次刷新数据的时候，将数据与保存数据的数组一一对比，如果数据一致就将时间赋值过去。因为会议系统中会议id是唯一的，因此我这里是根据id去判断的。

改进后代码：

import android.content.Context;
import android.os.Bundle;
import android.os.CountDownTimer;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.util.Log;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;

import com.sfyc.countdownlist.R;
import com.sfyc.countdownlist.entity.TimerItem;

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

import butterknife.BindView;
import butterknife.ButterKnife;

import static com.sfyc.countdownlist.R.id.toolbar;


public class CountDownListActivity extends AppCompatActivity {

    private Context mContext;


    @BindView(toolbar)
    Toolbar mToolbar;

    @BindView(R.id.list_view)
    ListView mListView;

    MyAdapter mAdapter;
    private ArrayList<TimerItem> lstTimerItems;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list_view);
        ButterKnife.bind(this);
        mContext = this;
        mToolbar.setTitle(R.string.title_list_view_countdown);
        initDadas();
        mAdapter = new MyAdapter(mContext, lstTimerItems);
        mListView.setAdapter(mAdapter);
    }

    private void initDadas() {
        lstTimerItems = new ArrayList<>();
        lstTimerItems.add(new TimerItem("A", 0));
        lstTimerItems.add(new TimerItem("B", 0));
        lstTimerItems.add(new TimerItem("C", 0));
        lstTimerItems.add(new TimerItem("D", 0));
        lstTimerItems.add(new TimerItem("E", 0));
        lstTimerItems.add(new TimerItem("F", 0));
        lstTimerItems.add(new TimerItem("G", 0));
        lstTimerItems.add(new TimerItem("H", 0));
        lstTimerItems.add(new TimerItem("I", 0));
        lstTimerItems.add(new TimerItem("J", 0));
        lstTimerItems.add(new TimerItem("K", 0));
        lstTimerItems.add(new TimerItem("L", 0));
        lstTimerItems.add(new TimerItem("M", 0));
        lstTimerItems.add(new TimerItem("N", 0));
        lstTimerItems.add(new TimerItem("O", 0));
    }

    public static class MyAdapter extends BaseAdapter {
        private ArrayList<TimerItem> timerItemsSave = new ArrayList<>();
        private List<TimerItem> mDatas;
        private Context mContext;
        //用于退出activity,避免countdown，造成资源浪费。
        private SparseArray<CountDownTimer> countDownCounters;

        public MyAdapter(Context mContext, List<TimerItem> mDatas) {
            this.mContext = mContext;
            this.mDatas = mDatas;
            this.countDownCounters = new SparseArray<>();
        }

        /**
         * 清空资源
         */
        public void cancelAllTimers() {
            if (countDownCounters == null) {
                return;
            }
            Log.e("TAG", "size :  " + countDownCounters.size());
            for (int i = 0, length = countDownCounters.size(); i < length; i++) {
                CountDownTimer cdt = countDownCounters.get(countDownCounters.keyAt(i));
                if (cdt != null) {
                    cdt.cancel();
                }
            }
        }

        @Override
        public int getCount() {
            if (mDatas != null && !mDatas.isEmpty()) {
                return mDatas.size();
            }
            return 0;
        }

        @Override
        public Object getItem(int position) {
            if (mDatas != null && !mDatas.isEmpty()) {
                return mDatas.get(position);
            }
            return null;
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            final ViewHolder viewHolder;
            if (convertView == null) {
                convertView = LayoutInflater.from(mContext).inflate(R.layout.list_item_common2, parent, false);
                viewHolder = new ViewHolder();
                viewHolder.btn = (TextView) convertView.findViewById(R.id.btn);
                convertView.setTag(viewHolder);
            } else {
                viewHolder = (ViewHolder) convertView.getTag();
            }
            final TimerItem data = mDatas.get(position);
            viewHolder.btn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    data.setExpirationTime(System.currentTimeMillis() + 60 * 1000);
                    notifyDataSetChanged();
                    timerItemsSave.add(data);
                }
            });
            //将当前item与保存起来的会议实体一一对比，如果会议id相同，则认为是同一个会议，那么去判断
            //如果按钮还需要倒计时，那么将时间赋值过去，如果不需要就从保存的列表中移除
            for (int i = 0; i < timerItemsSave.size(); i++) {
                if (timerItemsSave.get(i).getName().equals(data.getName())) {
                    if (timerItemsSave.get(i).getExpirationTime() - System.currentTimeMillis() > 0) {
                        //如果时间差大于0，按钮还需要倒计时，赋值
                        data.setExpirationTime(timerItemsSave.get(i).getExpirationTime());
                    } else {
                        //如果时间差小于等于0，不需要倒计时，将保存的对象移除（避免一次次的保存对象导致校验耗费时间）
                        timerItemsSave.remove(timerItemsSave.get(i));
                    }
                }

            }
            CountDownTimer countDownTimer = countDownCounters.get(viewHolder.btn.hashCode());
            //将前一个缓存清除
            if (countDownTimer != null) {
                countDownTimer.cancel();
            }
            long timer = data.getExpirationTime();
//            timer = timer - System.currentTimeMillis();
            if (timer > 0) {
                countDownTimer = new CountDownTimer(timer, 1000) {
                    public void onTick(long millisUntilFinished) {
                        viewHolder.btn.setText(millisUntilFinished/1000 +"");
                        Log.e("TAG", data.name + " :  " + millisUntilFinished);
                    }
                    public void onFinish() {
                        viewHolder.btn.setText("开始倒计时");
                    }
                }.start();
                countDownCounters.put(viewHolder.btn.hashCode(), countDownTimer);
            } else {
                viewHolder.btn.setText("开始倒计时");
            }
            return convertView;
        }

        public class ViewHolder {
            public TextView btn;
        }
    }


}

由于本身项目东西太多，因此就不贴出来而是写了demo。思路就是：点击按钮赋值同时保存对象，刷新数据的时候与保存的数据对比，需要倒计时的话就赋值。时间必须要用系统时间，可以避免倒计时数字错乱的问题。

senger_z
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android中ListView列表实现倒计时
JiYaRuo的博客
01-09 2291
效果图： 1. Activity package com.s296267833.ybs.activity.firstPage.timedown; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.widget.ListView; import com.s296...
android 列表倒计时,Android ListView列表实现倒计时
weixin_30529683的博客
05-26 694
本文实例为大家分享了Android ListView列表实现倒计时的具体代码，供大家参考，具体内容如下效果图：1. Activitypackage com.s296267833.ybs.activity.firstPage.timedown;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import...
Android 实现所有ListView子项item倒计时
08-04
Android 实现所有ListView子项item倒计时,这个功能目前项目用到，所以就自己写了个Demo
listview倒计时
hs_73的博客
03-17 586
记录一个我花了较长时间解决的一个需求，在listview的每个item里加上倒计时，精确到秒，具体看图 这只是有一个item的时候有倒计时，当这里有好几个倒计时，并且每个时间都不一样，很容易想到会出现的问题： 1.倒计时显示不准确 2.由于listview的getView方法里会复用convertView导致每次滑动listview时，数据混乱，尤其是，第二页的item会复用第一页的
Android ListView倒计时功能
fxDes的博客
02-26 904
ListView的倒计时最近项目中要实现在ListView上一个倒计时的功能，根据服务器返回的数据，显示出倒计时。于是乎就写了一个Demo，功能很简单，先看看效果图! 实现起来其实并不麻烦，但是要清楚Timer只有一个，不是每个ListItem都有一个Timer，它是公用的，而Timer每隔1s就会让适配器刷新一次。 具体实现代码如下：mAdapter = new TimeLi
android item倒计时功能,android实现条目倒计时功能
weixin_35774805的博客
05-25 172
网上对于这样的功能已经是泛滥成河了，但是最近遇到这样的一个需求，还是要值得我们学习一下，并将他记录下来。布局文件：xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="com.example...
Android ListView中有倒计时
w517272812的博客
03-18 436
@ Android ListView中有倒计时 如果ListView中有倒计时，那么倒计时一定要自定义View,如果使用notifyDataChangge()更新页面会很卡。 下面我贴出我项目中的倒计时代码 Java代码 public class CountDownLL extends LinearLayout { private TextView hourTv, minTv, secondTv;...
Android ListView Item 倒计时
11-02
在某些场景下，比如电商应用，我们可能需要在ListView的每一项（Item）中添加倒计时功能，以显示如待付款、待发货或待确认收货等状态的剩余时间。本教程将详细介绍如何在Android的ListView中实现这样的倒计时效果。 ...
Android ListView列表实现倒计时
08-25
Android ListView列表实现倒计时是Android开发中常见的一种实现方式，该方式可以将倒计时功能整合到ListView列表中，提供给用户实时的倒计时信息。本篇文章将详细介绍Android ListView列表实现倒计时的实现方法和...
android限时抢购，listview解决倒计时问题，复用。
12-04
综上所述，要在Android的ListView中实现限时抢购的倒计时功能，需关注倒计时逻辑、ListView的复用机制以及性能优化。只有充分理解和掌握了这些知识点，才能确保用户在浏览限时抢购页面时获得流畅的体验。
Android ListView中倒计时
08-03
ListView中显示倒计时，解决错乱问题
Android RecycleView全部item倒计时的高效实现
11-08
Android RecycleView全部item倒计时的高效实现
Android 自定义倒计时，支持listview多item一起倒计时
yuxuehandong的博客
12-07 835
项目中用到的两种倒计时，一种是用CountDownTimer，但是这种方式在listview中就不是那么好用了，当listview 里面多个item都需要倒计时，就不可以用这种了，我这里想到用Thread 加handler来一起实现。如果大家还有好的倒计时方法，可以留言一起讨论哦，由于代码都是在项目中的，我就截取几段代码。第一种 CountDownTimer： 主要自定义一个类继承CountDow
android 列表倒计时控件,Android ListView的item倒计时
weixin_35785090的博客
05-26 181
packagecom.example.androidtest;importjava.util.ArrayList;importandroid.app.Activity;importandroid.os.Bundle;importandroid.os.CountDownTimer;importandroid.os.Handler;importandroid.view.View;impo...
Listview中某个item需要有倒计时的方案
u010232308的博客
12-30 2010
综合网上的一些，自己写了个，不想改了，凑合着看吧，根据自己的需求自己改吧 Activity public class MainActivity extends Activity { private ListView lv1; private HAdapter adapter; private ArrayList sj; @Override prote
Android_面试题之listview中的item的倒计时
givemeacondom的专栏
02-24 3775
哥们去面试,面试官给的题目,如何实现Listview中每个item都有倒计时,而且不会乱序?国际惯例,先来一张效果图 面试的情况中,刚听到貌似挺咋呼的,复用?TAG?多线程?????? 一系列的方式去想解决,可能有点蒙圈,静下来想想,试着写写,好像是那么回事….我是这样想的,RecylerView 就是负责显示的,倒计时也是属于数据源的变化,那是数据的事情,和recylerview的bindHo
面试题：ListView每个Item倒计时实现
迷途可达C的博客
01-18 1011
那个。。。这个是之前面试的时候被问到的问题，那时给一个半小时要求实现这个功能，结果干坐一个小时没实现- -。 灰头土脸的走了。。。现在重新把这个实现了，然后贴出来吧。   只有代码，具体的思路不难，看一下就能看出来了。先从最简单的布局来吧MainAcrivity布局：<LinearLayout xmlns:android="http://schemas.android.com/apk/re
Android ListView的item倒计时
weixin_34335458的博客
04-08 131
为什么80%的码农都做不了架构师？>>> ...
Android ListView实现倒计时实战教程
在Android开发中，实现一个列表视图(ListView)的倒计时功能是一项常见的需求，尤其是在展示倒计时事件或者定时提醒的应用场景下。本文将详细介绍如何在Android ListView中实现一个简单的倒计时功能，并提供相应的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值