327 lines
15 KiB
Kotlin
327 lines
15 KiB
Kotlin
package com.acitelight.aether.view
|
|
|
|
import androidx.compose.animation.slideInVertically
|
|
import androidx.compose.animation.slideOutVertically
|
|
import androidx.compose.foundation.background
|
|
import androidx.compose.foundation.clickable
|
|
import androidx.compose.foundation.layout.Arrangement
|
|
import androidx.compose.foundation.layout.Box
|
|
import androidx.compose.foundation.layout.Column
|
|
import androidx.compose.foundation.layout.Row
|
|
import androidx.compose.foundation.layout.fillMaxHeight
|
|
import androidx.compose.foundation.layout.fillMaxSize
|
|
import androidx.compose.foundation.layout.fillMaxWidth
|
|
import androidx.compose.foundation.layout.height
|
|
import androidx.compose.foundation.layout.padding
|
|
import androidx.compose.foundation.layout.widthIn
|
|
import androidx.compose.foundation.layout.wrapContentHeight
|
|
import androidx.compose.foundation.lazy.LazyRow
|
|
import androidx.compose.foundation.pager.HorizontalPager
|
|
import androidx.compose.foundation.pager.rememberPagerState
|
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
|
import androidx.compose.material.icons.Icons
|
|
import androidx.compose.material.icons.filled.Bookmarks
|
|
import androidx.compose.material3.Card
|
|
import androidx.compose.material3.CardDefaults
|
|
import androidx.compose.material3.Icon
|
|
import androidx.compose.material3.MaterialTheme
|
|
import androidx.compose.material3.Text
|
|
import androidx.compose.runtime.Composable
|
|
import androidx.compose.runtime.getValue
|
|
import androidx.compose.runtime.mutableStateOf
|
|
import androidx.compose.runtime.remember
|
|
import androidx.compose.runtime.setValue
|
|
import androidx.compose.ui.Alignment
|
|
import androidx.compose.ui.Modifier
|
|
import androidx.compose.ui.draw.clip
|
|
import androidx.compose.ui.graphics.Color
|
|
import androidx.compose.ui.layout.ContentScale
|
|
import androidx.compose.ui.platform.LocalContext
|
|
import androidx.compose.ui.text.font.FontWeight
|
|
import androidx.compose.ui.unit.dp
|
|
import androidx.compose.ui.unit.sp
|
|
import androidx.hilt.lifecycle.viewmodel.compose.hiltViewModel
|
|
import androidx.lifecycle.viewModelScope
|
|
import androidx.navigation.NavHostController
|
|
import coil3.compose.AsyncImage
|
|
import coil3.request.ImageRequest
|
|
import com.acitelight.aether.model.BookMark
|
|
import com.acitelight.aether.viewModel.ComicPageViewModel
|
|
import kotlinx.coroutines.launch
|
|
|
|
@Composable
|
|
fun ComicPageView(
|
|
comicId: String,
|
|
page: String,
|
|
navController: NavHostController,
|
|
comicPageViewModel: ComicPageViewModel = hiltViewModel<ComicPageViewModel>()
|
|
) {
|
|
val colorScheme = MaterialTheme.colorScheme
|
|
comicPageViewModel.Resolve(comicId.hexToString(), page.toInt())
|
|
|
|
val title by comicPageViewModel.title
|
|
val pagerState = rememberPagerState(
|
|
initialPage = page.toInt(),
|
|
pageCount = { comicPageViewModel.pageList.size })
|
|
var showPlane by comicPageViewModel.showPlane
|
|
var showBookMarkPop by remember { mutableStateOf(false) }
|
|
|
|
comicPageViewModel.updateProcess(pagerState.currentPage)
|
|
|
|
val comic by comicPageViewModel.comic
|
|
comic?.let {
|
|
Box()
|
|
{
|
|
HorizontalPager(
|
|
state = pagerState,
|
|
modifier = Modifier
|
|
.fillMaxSize()
|
|
.align(Alignment.Center)
|
|
.background(Color.Black)
|
|
.clickable {
|
|
showPlane = !showPlane
|
|
if (showPlane) {
|
|
comicPageViewModel.viewModelScope.launch {
|
|
comicPageViewModel.listState?.scrollToItem(index = pagerState.currentPage)
|
|
}
|
|
}
|
|
}
|
|
) { page ->
|
|
AsyncImage(
|
|
model = ImageRequest.Builder(LocalContext.current)
|
|
.data(it.getPage(page))
|
|
.memoryCacheKey("${it.id}/${page}")
|
|
.diskCacheKey("${it.id}/${page}")
|
|
.build(),
|
|
contentDescription = null,
|
|
imageLoader = comicPageViewModel.imageLoader!!,
|
|
modifier = Modifier
|
|
.padding(8.dp)
|
|
.fillMaxSize(),
|
|
contentScale = ContentScale.Fit,
|
|
)
|
|
}
|
|
|
|
androidx.compose.animation.AnimatedVisibility(
|
|
visible = showPlane,
|
|
enter = slideInVertically(initialOffsetY = { fullHeight -> -fullHeight }),
|
|
exit = slideOutVertically(targetOffsetY = { fullHeight -> -fullHeight }),
|
|
modifier = Modifier
|
|
.align(Alignment.TopCenter)
|
|
) {
|
|
Box()
|
|
{
|
|
Column(Modifier
|
|
.align(Alignment.TopCenter)
|
|
.fillMaxWidth())
|
|
{
|
|
Card(
|
|
colors = CardDefaults.cardColors(containerColor = colorScheme.primary),
|
|
shape = RoundedCornerShape(12.dp),
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(top = 18.dp)
|
|
.padding(horizontal = 12.dp)
|
|
.height(42.dp)
|
|
)
|
|
{
|
|
Row(modifier = Modifier.fillMaxSize())
|
|
{
|
|
Text(
|
|
text = title,
|
|
fontSize = 16.sp,
|
|
fontWeight = FontWeight.Bold,
|
|
maxLines = 1,
|
|
modifier = Modifier
|
|
.padding(8.dp)
|
|
.padding(horizontal = 10.dp)
|
|
.weight(1f)
|
|
.align(Alignment.CenterVertically)
|
|
)
|
|
|
|
Text(
|
|
text = "${pagerState.currentPage + 1}/${pagerState.pageCount}",
|
|
fontSize = 18.sp,
|
|
fontWeight = FontWeight.Bold,
|
|
maxLines = 1,
|
|
modifier = Modifier
|
|
.padding(8.dp)
|
|
.widthIn(min = 60.dp)
|
|
.align(Alignment.CenterVertically)
|
|
)
|
|
}
|
|
}
|
|
|
|
Box(Modifier.fillMaxWidth()) {
|
|
Card(
|
|
modifier = Modifier
|
|
.align(Alignment.CenterStart)
|
|
.padding(top = 6.dp)
|
|
.padding(horizontal = 12.dp)
|
|
.height(42.dp),
|
|
colors = CardDefaults.cardColors(containerColor = colorScheme.primary),
|
|
shape = RoundedCornerShape(12.dp)
|
|
)
|
|
{
|
|
Row {
|
|
val k = it.getPageChapterIndex(pagerState.currentPage)
|
|
Text(
|
|
text = k.first.name,
|
|
fontSize = 16.sp,
|
|
fontWeight = FontWeight.Bold,
|
|
maxLines = 1,
|
|
modifier = Modifier
|
|
.padding(8.dp)
|
|
.padding(horizontal = 10.dp)
|
|
.align(Alignment.CenterVertically)
|
|
)
|
|
|
|
Text(
|
|
text = "${k.second}/${it.getChapterLength(k.first.page)}",
|
|
fontSize = 18.sp,
|
|
fontWeight = FontWeight.Bold,
|
|
maxLines = 1,
|
|
modifier = Modifier
|
|
.padding(8.dp)
|
|
.widthIn(min = 60.dp)
|
|
.align(Alignment.CenterVertically)
|
|
)
|
|
}
|
|
}
|
|
|
|
|
|
Card(
|
|
modifier = Modifier
|
|
.align(Alignment.CenterEnd)
|
|
.padding(top = 6.dp)
|
|
.padding(horizontal = 12.dp)
|
|
.height(42.dp),
|
|
colors = CardDefaults.cardColors(containerColor = colorScheme.primary),
|
|
shape = RoundedCornerShape(12.dp)
|
|
)
|
|
{
|
|
Box(Modifier.clickable {
|
|
showBookMarkPop = true
|
|
}) {
|
|
Icon(
|
|
Icons.Filled.Bookmarks,
|
|
modifier = Modifier
|
|
.padding(8.dp),
|
|
contentDescription = "Bookmark"
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
androidx.compose.animation.AnimatedVisibility(
|
|
visible = showPlane,
|
|
enter = slideInVertically(initialOffsetY = { fullHeight -> fullHeight }),
|
|
exit = slideOutVertically(targetOffsetY = { fullHeight -> fullHeight }),
|
|
modifier = Modifier
|
|
.align(Alignment.BottomCenter)
|
|
)
|
|
{
|
|
Box {
|
|
LazyRow(
|
|
horizontalArrangement = Arrangement.spacedBy(5.dp),
|
|
state = comicPageViewModel.listState!!, modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(bottom = 18.dp)
|
|
.padding(horizontal = 12.dp)
|
|
.height(240.dp)
|
|
.align(Alignment.BottomCenter)
|
|
)
|
|
{
|
|
items(comicPageViewModel.pageList.size)
|
|
{ r ->
|
|
Card(
|
|
colors = CardDefaults.cardColors(containerColor = colorScheme.primary.copy(0.8f)),
|
|
shape = RoundedCornerShape(12.dp),
|
|
modifier = Modifier
|
|
.fillMaxHeight()
|
|
.wrapContentHeight()
|
|
.padding(vertical = 8.dp),
|
|
onClick = {
|
|
pagerState.requestScrollToPage(page = r)
|
|
}
|
|
) {
|
|
Box(Modifier.padding(4.dp))
|
|
{
|
|
AsyncImage(
|
|
model = ImageRequest.Builder(LocalContext.current)
|
|
.data(it.getPage(r))
|
|
.memoryCacheKey("${it.id}/${r}")
|
|
.diskCacheKey("${it.id}/${r}")
|
|
.build(),
|
|
contentDescription = null,
|
|
imageLoader = comicPageViewModel.imageLoader!!,
|
|
modifier = Modifier
|
|
.fillMaxHeight()
|
|
.clip(RoundedCornerShape(12.dp))
|
|
.align(Alignment.Center),
|
|
contentScale = ContentScale.Fit,
|
|
)
|
|
val k = it.getPageChapterIndex(r)
|
|
Box(
|
|
Modifier
|
|
.align(Alignment.TopEnd)
|
|
.padding(6.dp)
|
|
.background(
|
|
Color.Black.copy(alpha = 0.65f),
|
|
shape = RoundedCornerShape(12.dp)
|
|
)
|
|
)
|
|
{
|
|
Row {
|
|
Text(
|
|
text = k.first.name,
|
|
fontSize = 14.sp,
|
|
fontWeight = FontWeight.Bold,
|
|
color = Color.White,
|
|
maxLines = 1,
|
|
modifier = Modifier
|
|
.padding(2.dp)
|
|
.widthIn(max = 200.dp)
|
|
.align(Alignment.CenterVertically)
|
|
)
|
|
|
|
Text(
|
|
text = "${k.second}/${it.getChapterLength(k.first.page)}",
|
|
fontSize = 16.sp,
|
|
fontWeight = FontWeight.Bold,
|
|
color = Color.White,
|
|
maxLines = 1,
|
|
modifier = Modifier
|
|
.padding(2.dp)
|
|
.align(Alignment.CenterVertically)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if (showBookMarkPop) {
|
|
BookmarkPop({
|
|
showBookMarkPop = false
|
|
}, { s ->
|
|
showBookMarkPop = false
|
|
comicPageViewModel.viewModelScope.launch {
|
|
comicPageViewModel.mediaManager.postBookmark(
|
|
comicId.hexToString(),
|
|
BookMark(name = s, page = comicPageViewModel.pageList[pagerState.currentPage])
|
|
)
|
|
comicPageViewModel.comic.value =
|
|
comicPageViewModel.mediaManager.queryComicInfoSingle(comicId.hexToString())
|
|
}
|
|
});
|
|
}
|
|
} |