前言
周口網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)公司于2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。
最近一直被需求趕著走，有些功能經(jīng)過(guò)測(cè)試上線(xiàn)后就沒(méi)再review。閑下來(lái)還是重新優(yōu)化下老代碼，溫故而知新，還是有點(diǎn)收獲和進(jìn)步的
需求TODO
團(tuán)購(gòu)這種促銷(xiāo)方式已經(jīng)很普遍，尤其是大家熟悉的“并夕夕”更是玩的很6?，F(xiàn)在我們就要實(shí)現(xiàn)一個(gè)團(tuán)購(gòu)倒計(jì)時(shí)列表，并以“剩余：09:12:24.8”這種樣式來(lái)展示該團(tuán)距離結(jié)束時(shí)間的倒計(jì)時(shí)。
技術(shù)初步分析
首先，有關(guān)時(shí)間變化的，首先想到TimerTask+Timer這個(gè)定時(shí)器組合，列表不用多說(shuō)RecyclerView。其中涉及到UI更新，所以需要一個(gè)handler來(lái)更新item。
初步我們會(huì)想到兩種方式：
兩種方法各有利弊，后面我們?cè)倬唧w通過(guò)demo對(duì)比。
其次，由于Android系統(tǒng)時(shí)間可被更改，所以要求我們不能單純的直接通過(guò)后端返回的groupFinishTime減去當(dāng)前系統(tǒng)時(shí)間System.currentTimeMillis來(lái)作為要展示的剩余時(shí)間。所以我們首先在對(duì)接口時(shí)候記得跟后端同學(xué)約定好，大佬請(qǐng)直接傳給我剩余的時(shí)間（單位是秒還是毫秒呢？都可以，不過(guò)大部分都會(huì)給秒）
想想還有什么坑沒(méi)想到
綜上，我們確定了我們要做的東西：
ok，那么我們就照著并夕夕的頁(yè)面做一個(gè)吧
Coding
1.每個(gè)item一個(gè)CountDownTimer
關(guān)鍵代碼（kotlin)
class GroupListAdapter(private val mContext: Context) : RecyclerView.Adapter() { private var rList: List ? = null private val countDownMap: SparseArray ? private var mPostion: Int = 0 private var timesList: MutableList = ArrayList() init { countDownMap = SparseArray() } fun setGroupList(list: List ?) { this.rList = list if (rList?.size!! > 0) { timesList = ArrayList() for (item in rList!!) { timesList.add( item.leftSecond * 1000 + System.currentTimeMillis() ) } } } //避免內(nèi)存泄漏 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 重新請(qǐng)求刷新數(shù)據(jù) } 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 重新請(qǐng)求刷新數(shù)據(jù) } }.start() countDownMap?.put(holder.tvLeftSecond.hashCode(), countDownTimer) } } }
將所有CountDownTimer存在SpaseArray中，統(tǒng)一管理。為了避免viewhodler復(fù)用的時(shí)候我們還新建timer，給每個(gè)timer按照viewholder的hashcode存進(jìn)spaseArray中，這有點(diǎn)像以前用listview時(shí)候使用tag獲取viewholder的感覺(jué)。
還有一個(gè)點(diǎn)，當(dāng)?shù)褂?jì)時(shí)為0時(shí)候，我們要去重新請(qǐng)求接口刷新列表，更新recyclerView，停掉以前所有timer，退出Activity時(shí)候也要清除，避免內(nèi)存泄漏
這種辦法對(duì)于數(shù)據(jù)比較少的時(shí)候還好，一旦頁(yè)面數(shù)據(jù)過(guò)多就會(huì)new很多Timer，導(dǎo)致消耗過(guò)大
所以這個(gè)方案還是要調(diào)整下
2.所有item公用一個(gè)Timer
思路：通過(guò)一個(gè)timer更新每個(gè)item數(shù)據(jù)，在handlerMessage中接受消息，通過(guò)notifyItemChanged更新item
關(guān)鍵代碼
handler代碼
這里有個(gè)要注意的點(diǎn)，需要使用notifyitemChanged(position:Int,payLoad:Any)，而不是直接使用notifyItemChanged(position:Int)來(lái)更新布局，避免頁(yè)面閃爍
重慶分公司
重慶分公司
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數(shù)據(jù)
fun setGroupList(list: List?) { 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 }
因?yàn)榻涌诜祷氐氖敲?，而我們要?00毫秒刷新，所以需要另存一個(gè)timesList轉(zhuǎn)存被轉(zhuǎn)化后的時(shí)間。
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)
}
}
}上一個(gè)樣式圖：
這樣就夠了么？
no，no，no，倒計(jì)時(shí)結(jié)束數(shù)據(jù)的刷新、下拉刷新、上拉加載。這個(gè)頁(yè)面還需要再精細(xì)化。我們的目標(biāo)是星辰大海
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)創(chuàng)新互聯(lián)的支持。
