本篇文章實(shí)現(xiàn)的功能就是在頁(yè)面上分頁(yè)加載雙色球全部開獎(jiǎng)數(shù)據(jù)绿淋，看著很簡(jiǎn)單，實(shí)現(xiàn)起來(lái)卻很困難尝盼，是我低估了它的難度吞滞，還是我并不適合做程序員？东涡？不過(guò)經(jīng)過(guò)多天的努力冯吓，最終還是實(shí)現(xiàn)了，在此記錄一下疮跑。
知識(shí)來(lái)源主要有兩個(gè)：
1组贺，Jetpack新成員，Paging3從吐槽到真香
2, Github開源項(xiàng)目：NewzCompose
其中祖娘，
“1” => LotteryRepository(),LotteryViewModel(),LotteryPagingSource(),LotteryData()
"2" => LotteryActivity(),LotteryCompose()
主要引用到的資源失尖，其中需要注意的是jsoup，使用代理的話會(huì)引入失敗渐苏，需要開vpn或者通過(guò)jar包的方式引入
implementation 'androidx.lifecycle:lifecycle-viewmodel-compose:1.0.0-alpha03' // viewModel()
implementation 'androidx.activity:activity-compose:1.3.0-alpha04' // setContent()
implementation "androidx.paging:paging-runtime:3.0.0-beta02"
implementation "androidx.paging:paging-compose:1.0.0-alpha08"
//jsoup
implementation 'org.jsoup:jsoup:1.13.1'
LotteryActivity()
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.activity.viewModels
import androidx.compose.foundation.lazy.LazyColumn
import androidx.paging.compose.LazyPagingItems
import androidx.paging.compose.collectAsLazyPagingItems
import androidx.paging.compose.itemsIndexed
class LotteryActivity : ComponentActivity() {
private val lotteryViewModel: LotteryViewModel by viewModels()
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
val lazyPagingItems: LazyPagingItems<Lottery> =
lotteryViewModel.getData().collectAsLazyPagingItems()
LazyColumn(reverseLayout=true) {
itemsIndexed(lazyPagingItems) { _, item ->
LotteryItem(item!!)
}
}
}
}
}
LotteryCompose()
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.*
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.TextStyle
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
@Composable
fun LotteryItem(lottery: Lottery) {
Box(
modifier = Modifier
.padding(start = 16.dp, top = 8.dp, bottom = 8.dp)
.clickable(onClick = {})
) {
Row(modifier = Modifier.fillMaxWidth()) {
Column(
modifier = Modifier.padding(start = 8.dp)
) {
Text(
lottery.code,//開獎(jiǎng)號(hào)碼
style = TextStyle(color = Color.Black, fontSize = 16.sp),
modifier = Modifier.padding(end = 8.dp),
maxLines = 1
)
}
Column(
modifier = Modifier.padding(start = 8.dp)
) {
Text(
lottery.issue,//期號(hào)
style = TextStyle(color = Color.Black, fontSize = 16.sp),
modifier = Modifier.padding(end = 8.dp),
maxLines = 1
)
}
}
}
}
LotteryData()
data class Lottery(
val code :String, //開獎(jiǎng)號(hào)碼
val issue :String,//期號(hào)
) : Serializable
LotteryViewModel()
class LotteryViewModel : ViewModel() {
fun getData(): Flow<PagingData<Lottery>> {
return LotteryRepository.getPagingData().cachedIn(viewModelScope)
}
}
LotteryRepository()
import androidx.paging.Pager
import androidx.paging.PagingConfig
import androidx.paging.PagingData
import kotlinx.coroutines.flow.Flow
object LotteryRepository {
private const val PAGE_SIZE = 50
fun getPagingData(): Flow<PagingData<Lottery>> {
return Pager(
config = PagingConfig(
pageSize = PAGE_SIZE,
prefetchDistance = PAGE_SIZE.div(20)
),
pagingSourceFactory = { LotteryPagingSource() }
).flow
}
}
LotteryPagingSource()
import androidx.paging.PagingSource
import androidx.paging.PagingState
import kotlinx.coroutines.Dispatchers
import kotlinx.coroutines.flow.MutableStateFlow
import kotlinx.coroutines.withContext
import love.matrix.lottory004.util.TimeUtils
import org.jsoup.Jsoup
import org.jsoup.nodes.Element
import org.jsoup.select.Elements
class LotteryPagingSource : PagingSource<Int, Lottery>() {
private val year = TimeUtils.nowTime.substring(2, 4).toInt()//取年份最后兩位 (2021 => 21)
private val lotterys = MutableStateFlow<List<Lottery>>(listOf())
override suspend fun load(params: LoadParams<Int>): LoadResult<Int, Lottery> {
val page = params.key ?: year//一個(gè)年度的開獎(jiǎng)數(shù)據(jù)為一頁(yè)
val lotteryList: MutableList<Lottery> = mutableListOf()
withContext(Dispatchers.IO) {
val doc =
//"https://datachart.500.com/ssq/history/newinc/history.php?start=21001&end=21200"
Jsoup.connect(TARGET_URL + "?start=${page}001&end=${page}200").get()
val element: Element = doc.getElementById("tdata")
val elements: Elements = element.select("tr.t_tr1")
elements.forEach { item ->
val aaa: Elements = item.select("td")
if (!aaa.isNullOrEmpty()) {
val bbb = Lottery(
code = aaa[1].text() + "," +
aaa[2].text() + "," +
aaa[3].text() + "," +
aaa[4].text() + "," +
aaa[5].text() + "," +
aaa[6].text() + " " +
aaa[7].text(),
issue = aaa[0].text()
)
lotteryList.add(bbb)
}
}
lotterys.value = lotteryList
}
return try {
//使用了反轉(zhuǎn)LazyColumn(reverseLayout=true),所以向上滑為nextKey
val prevKey = null
val nextKey = if (page > 3) page - 1 else null//"3"為2003年,雙色球2003年開始的
LoadResult.Page(
data = lotterys.value,
prevKey = prevKey,
nextKey = nextKey,
)
} catch (e: Exception) {
LoadResult.Error(e)
}
}
override fun getRefreshKey(state: PagingState<Int, Lottery>): Int? {
TODO("Not yet implemented")
}
companion object {
const val TARGET_URL =
"https://datachart.500.com/ssq/history/newinc/history.php"
const val USER_AGENT =
"{Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Mobile Safari/537.36"
}
}
TimeUtils()
import android.util.Log
import java.text.ParseException
import java.text.SimpleDateFormat
import java.util.*
object TimeUtils {
val nowTime: String
get() {
val simpleDateFormat = SimpleDateFormat("yyyy-MM-dd HH:mm:ss",Locale.CHINESE)
val date = Date(System.currentTimeMillis())
return simpleDateFormat.format(date)
}
}
完成后仪吧，感覺這些都是一些模版代碼鞠眉，沒(méi)什么好說(shuō)的，所以就不多說(shuō)什么了械蹋。
