Android 列表倒計時的實現(xiàn)的示例代碼(CountDownTimer)
實習一段時間了,一直想寫點技術總結,但一直沒找到合適的主題。剛好,最近版本中我負責的模塊遇到了個線程相關問題(之前一直畫界面,做點基礎功能,有點乏味),列表項倒計時的實現(xiàn)。
于是乎,我的第一篇android技術文章就誕生了。
【醒目】該demo用Kotlin語言實現(xiàn)。
背景介紹
需要在ListView的item里實現(xiàn)倒計時,初看還挺簡單的,但是真正做的時候也遇到了不少坑。
網(wǎng)上有不少類似文章,有用對TextView擴展實現(xiàn)的,也有用自帶的CountDownTimer實現(xiàn)的,本文就是用CountDownTimer,只不過多了對服務器時間的刷新控制,更貼近項目需求吧。
剛學了點kotlin,就拿這個來練練手。所以這個demo的源碼就用koltin實現(xiàn)了,想了解學習kotlin的也可以來交流下,剛學,代碼里可能有些細節(jié)語法用的不好。
要點分析:
- 倒計時需要根據(jù)請求所得服務器時間和結束時間確定(所以要一個線程來維持服務器時間的運行,而且還有n個線程來維持item項的倒計時刷新顯示)。
- 既然是多線程,那么線程的控制就要注意
了解CountDownTimer
在看代碼前,先來了解下android自帶的CountDownTimer類用法
private CountDownTimer timer = new CountDownTimer(30000, 1000) { //根據(jù)間隔時間來不斷回調(diào)此方法,這里是每隔1000ms調(diào)用一次 @Override public void onTick(long millisUntilFinished) { //todo millisUntilFinished為剩余時間,也就是30000 - n*1000 } //結束倒計時調(diào)用 @Override public void onFinish() { //todo } }; //開始倒計時 timer.start(); //取消倒計時(譯者:取消后,再次啟動會重新開始倒計時) timer.cancel();;
這里的入?yún)⒃俳忉屜耼ew CountDownTimer(30000, 1000)。
第一個參數(shù)30000代表倒計時的總時間,單位為ms,這里是30000ms,也就是30s。第二個參數(shù)1000就是刷新間隔,也就是回調(diào)onTick方法的間隔,單位也是ms,這里就是1s回調(diào)一次。
CountDownTimer相關參考文章:http://www.dbjr.com.cn/article/119729.htm
OK,基礎結束,接下來直接實現(xiàn)代碼了。
代碼實現(xiàn)
先看核心,也就是CountDownAdapter類,這里就簡化UI,每個item只有一個textView來顯示倒計時,布局XML就不放了,直接放代碼
class CountDownAdapter(private var activity: ListActivity, private var data: ArrayList<Date>, private var systemDate: Date) : BaseAdapter() { private val timeMap = HashMap<TextView, MyCountDownTimer>() private val handler = Handler() private val runnable = object : Runnable { override fun run() { if (systemDate != null) { systemDate.time = systemDate.time + 1000 Log.i("xujf", "服務器時間線程===" + systemDate + "==for==" + this) handler.postDelayed(this, 1000) } } } init { handler.postDelayed(runnable, 1000) } override fun getView(position: Int, convertView: View?, parent: ViewGroup?): View { var v: View var tag: ViewHolder var vo = data[position] if (null == convertView) { v = activity.layoutInflater.inflate(R.layout.item_count_down, null) tag = ViewHolder(v) v.tag = tag } else { v = convertView tag = v.tag as ViewHolder } //獲取控件對應的倒計時控件是否存在, 存在就取消, 解決時間重疊問題 var tc: MyCountDownTimer? = timeMap[tag.tvTime] if (tc != null) { tc.cancel() tc = null } //計算時間差 val time = getDistanceTimeLong(systemDate, vo) //創(chuàng)建倒計時,與控件綁定 val cdu = MyCountDownTimer(position, time, 1000, tag.tvTime) cdu.start() //[醒目]此處需要map集合將控件和倒計時類關聯(lián)起來 timeMap.put(tag.tvTime, cdu) return v } /** * 退出時清空所有item的計時器 */ fun cancelAllTimers() { var s: Set<MutableMap.MutableEntry<TextView, MyCountDownTimer>>? = timeMap.entries var it: Iterator<*>? = s!!.iterator() while (it!!.hasNext()) { try { val pairs = it.next() as MutableMap.MutableEntry<*, *> var cdt: MyCountDownTimer? = pairs.value as MyCountDownTimer cdt!!.cancel() cdt = null } catch (e: Exception) { } } it = null s = null timeMap.clear() } fun removeTimer(){ handler?.removeCallbacks(runnable) } fun reSetTimer(date: Date) { removeTimer() systemDate = date handler.postDelayed(runnable, 1000) } override fun getItem(position: Int): Any = data[position] override fun getItemId(position: Int): Long = 0L override fun getCount(): Int = data.size internal inner class ViewHolder(view: View) { var tvTime = view.findViewById<TextView>(R.id.tv_time) } /** * 倒計時類,每間隔countDownInterval時間調(diào)用一次onTick() * index參數(shù)可去除,在這里只是為了打印log查看倒計時是否運行 */ private inner class MyCountDownTimer(internal var index: Int, millisInFuture: Long, internal var countDownInterval: Long, internal var tv: TextView ) : CountDownTimer(millisInFuture, countDownInterval) { override fun onTick(millisUntilFinished: Long) { //millisUntilFinished為剩余時間長 Log.i("xujf", "====倒計時還活著===第 $index 項item======") //設置時間格式 val m = millisUntilFinished / countDownInterval val hour = m / (60 * 60) val minute = (m / 60) % 60 val s = m % 60 tv.text = "倒計時 (${hour}小時${minute}分${s}秒)" } override fun onFinish() { tv.text = "倒計時結束" //todo 可以做一些刷新動作 } } /** * 時間工具,返回間隔時間長 */ fun getDistanceTimeLong(one: Date, two: Date): Long { var diff = 0L try { val time1 = one.time val time2 = two.time if (time1 < time2) { diff = time2 - time1 } else { diff = time1 - time2 } } catch (e: Exception) { e.printStackTrace() } return diff } }
這里主要的創(chuàng)建一個線程來保持服務器時間和N個item倒計時的“走”動。
保持服務器時間沒什么好說的,就是Handler配合Runnable的循環(huán)調(diào)用,注意的是,當activity銷毀時,別忘了調(diào)用CountDownAdapter的removeTimer()方法來取消handler的回調(diào),防止內(nèi)存泄漏。
重點就是item里的倒計時的線程控制,這里參照網(wǎng)上的一個比較好的方法,就是用HashMap<TextView, MyCountDownTimer>()來讓MyCountDownTimer和item里的TextView關聯(lián)起來,也就是每個item對應一個CountDownTimer,當關閉頁面時或者刷新list時,可利用cancelAllTimers()方法來清除所有關聯(lián),避免內(nèi)存泄漏。
以下是ListActivity,偽造一些時間數(shù)據(jù)
class ListActivity : AppCompatActivity() { private val list: ArrayList<Date> = ArrayList() private var countDownAdapter: CountDownAdapter? = null override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_list) getDate() setDate() } private fun setDate() { if (countDownAdapter == null) { countDownAdapter = CountDownAdapter(this, list, Date()) lv_count_down.adapter = countDownAdapter lv_count_down.onItemClickListener = AdapterView.OnItemClickListener { adapterView, view, i, l -> val intent = Intent(ListActivity@this, Main2Activity::class.java) startActivity(intent) } } else { //刷新數(shù)據(jù)時,重置本地服務器時間 countDownAdapter!!.reSetTimer(Date()) countDownAdapter!!.notifyDataSetChanged() } } private fun getDate() { for (i in 1..20) { var date = Date(Date().time + i * 1000 * 60 * 30) list.add(date) } } override fun onDestroy() { countDownAdapter?.cancelAllTimers() countDownAdapter?.removeTimer() super.onDestroy() } }
這里在銷毀activity前,清除了服務器時間線程和所有item計時器,防止關閉頁面后線程失控而導致的內(nèi)存泄漏。但是并沒有在打開其他頁面時清除,因為如果清除了的話,那么從其他界面返回至此activity時,倒計時已停止。
當然如果你的需求允許返回界面時重新請求加載數(shù)據(jù)的,可以在onStop()中,只不過這樣體驗不好
countDownAdapter?.cancelAllTimers() countDownAdapter?.removeTimer()
運行效果
這里就看下我跑模擬機運行demo打印的Log:
嗯,本地的服務器時間每秒一次再跑著,沒毛病。
再來看看item里的倒計時Log:
也沒毛病,只有顯示的那幾項再跑,沒出現(xiàn)失控線程。
關閉ListActivity頁面后所有線程全銷毀。點擊item后進入新界面,所有計時線程都在運行,然后返回ListActivity倒計時也是再跑的(模擬機跑demo的時候由于性能問題,長時間可能會出現(xiàn)倒計時不統(tǒng)一,用真機會好很多。)
OK,最后給出源碼地址:https://github.com/xjf1128/ListCountDownDemo
小結&感想
剛接到這個需求時,感覺肯定不少坑。最終做完再理一理思路,其實也還好。最初的思路正確的話,能少踩點坑。其實就是線程的控制和CountDownTimer的使用,難度也不大。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
Android從網(wǎng)絡中獲得一張圖片并顯示在屏幕上的實例詳解
這篇文章主要介紹了Android從網(wǎng)絡中獲得一張圖片并顯示在屏幕上的實例詳解的相關資料,希望通過本文能幫助大家實現(xiàn)這樣的功能,需要的朋友可以參考下2017-08-08android JSON解析數(shù)據(jù) android解析天氣預報
這篇文章主要為大家詳細介紹了android JSON解析數(shù)據(jù),android天氣預報JSON數(shù)據(jù)解析,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03Android6.0獲取GPS定位和獲取位置權限和位置信息的方法
今天小編就為大家分享一篇Android6.0獲取GPS定位和獲取位置權限和位置信息的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-07-07Android開發(fā)高級組件之自動完成文本框(AutoCompleteTextView)用法示例【附源碼下載】
這篇文章主要介紹了Android開發(fā)高級組件之自動完成文本框(AutoCompleteTextView)用法,簡單描述了自動完成文本框的功能并結合實例形式分析了Android實現(xiàn)自動完成文本框功能的具體步驟與相關操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-01-01