溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
前言
最近一直被需求趕著走，有些功能經過測試上線后就沒再review。閑下來還是重新優化下老代碼，溫故而知新，還是有點收獲和進步的
需求TODO
團購這種促銷方式已經很普遍，尤其是大家熟悉的“并夕夕”更是玩的很6。現在我們就要實現一個團購倒計時列表，并以“剩余：09:12:24.8”這種樣式來展示該團距離結束時間的倒計時。
技術初步分析
首先，有關時間變化的，首先想到TimerTask+Timer這個定時器組合，列表不用多說RecyclerView。其中涉及到UI更新，所以需要一個handler來更新item。
初步我們會想到兩種方式：
兩種方法各有利弊，后面我們再具體通過demo對比。
其次，由于Android系統時間可被更改，所以要求我們不能單純的直接通過后端返回的groupFinishTime減去當前系統時間System.currentTimeMillis來作為要展示的剩余時間。所以我們首先在對接口時候記得跟后端同學約定好，大佬請直接傳給我剩余的時間（單位是秒還是毫秒呢？都可以，不過大部分都會給秒）
想想還有什么坑沒想到
綜上，我們確定了我們要做的東西：
ok，那么我們就照著并夕夕的頁面做一個吧
Coding
1.每個item一個CountDownTimer
關鍵代碼（kotlin)
class GroupListAdapter(private val mContext: Context) : RecyclerView.Adapter<GroupListAdapter.GroupViewHolder>() {
private var rList: List<GroupOrderBean>? = null
private val countDownMap: SparseArray<CountDownTimer>?
private var mPostion: Int = 0
private var timesList: MutableList<Long> = ArrayList()
init {
countDownMap = SparseArray()
}
fun setGroupList(list: List<GroupOrderBean>?) {
this.rList = list
if (rList?.size!! > 0) {
timesList = ArrayList()
for (item in rList!!) {
timesList.add(
item.leftSecond * 1000 + System.currentTimeMillis()
)
}
}
}
//避免內存泄漏
fun cancelTimers() {
if (countDownMap == null) {
return
}
for (i in 0 until countDownMap.size()) {
val cdt = countDownMap.get(countDownMap.keyAt(i))
cdt?.cancel()
}
}
override fun onBindViewHolder(holder: GroupViewHolder, position: Int) {
if (rList == null ||rList!!.isEmpty()) {
return
}
var countDownTimer: CountDownTimer? = countDownMap?.get(holder.tvLeftSecond.hashCode())
countDownTimer?.cancel()
val groupBean = rList!![position]
if (groupBean.leftMember <= 0) {
holder.tvLeftMember?.visibility = View.GONE
}
holder.tvLeftMember.text = "還差${groupBean.leftMember}人"
holder.tvLeftSecond.text = formatTime(groupBean.leftSecond * 1000)
val lefttime = timesList[position] - System.currentTimeMillis()
if (groupBean.leftSecond > 0) {
if (lefttime <= 0) {
holder.tvLeftSecond?.text = "剩余00:00:00.0"
//TODO 重新請求刷新數據
} else {
countDownTimer = object : CountDownTimer(lefttime, 100L) {
override fun onTick(millisUntilFinished: Long) {
holder.tvLeftSecond.text = formatTime(millisUntilFinished)
}
override fun onFinish() {
holder.tvLeftSecond.text = "剩余00:00:00.0"
//TODO 重新請求刷新數據
}
}.start()
countDownMap?.put(holder.tvLeftSecond.hashCode(), countDownTimer)
}
}
}
將所有CountDownTimer存在SpaseArray中，統一管理。為了避免viewhodler復用的時候我們還新建timer，給每個timer按照viewholder的hashcode存進spaseArray中，這有點像以前用listview時候使用tag獲取viewholder的感覺。
還有一個點，當倒計時為0時候，我們要去重新請求接口刷新列表，更新recyclerView，停掉以前所有timer，退出Activity時候也要清除，避免內存泄漏
這種辦法對于數據比較少的時候還好，一旦頁面數據過多就會new很多Timer，導致消耗過大
所以這個方案還是要調整下
2.所有item公用一個Timer
思路：通過一個timer更新每個item數據，在handlerMessage中接受消息，通過notifyItemChanged更新item
關鍵代碼
handler代碼
這里有個要注意的點，需要使用notifyitemChanged(position:Int,payLoad:Any)，而不是直接使用notifyItemChanged(position:Int)來更新布局，避免頁面閃爍
init {
mTask = CountTask()
mHandler = object : Handler(Looper.getMainLooper()) {
override fun handleMessage(msg: Message?) {
if (msg?.what == 1) {
if (rList?.size!! > 0) {
notifyItemChanged(msg.arg1,rList!![msg.arg1])
}
}
}
}
}
初始化list數據
fun setGroupList(list: List<GroupOrderBean>?) {
this.rList = list
if (rList?.size!! > 0) {
cancelTimers()
timesList = ArrayList()
for (item in rList!!) {
timesList.add(
item.leftSecond * 1000
)
}
mTimer = Timer()
mTask = CountTask()
mTimer?.schedule(mTask, 0, 100)
}
}
fun cancelTimers() {
mHandler.removeMessages(1)
mTimer?.cancel()
mTimer?.purge()
mTimer = null
}
因為接口返回的是秒，而我們要以100毫秒刷新，所以需要另存一個timesList轉存被轉化后的時間。
TimerTask代碼
inner class CountTask : TimerTask() {
override fun run() {
if (timesList.isEmpty()) {
return
}
var leftTime:Long
for (i in timesList.indices) {
if (timesList[i] <= 0) {
continue
}
leftTime = timesList[i] - 100L
if (leftTime <= 0) {
timesList[i] = 0
continue
}
timesList[i] = leftTime
val message = Message.obtain()
message.what = 1
message.arg1 = i
mHandler.sendMessage(message)
}
}
}
上一個樣式圖：
這樣就夠了么？
no，no，no，倒計時結束數據的刷新、下拉刷新、上拉加載。這個頁面還需要再精細化。我們的目標是星辰大海
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
