mirror of
https://github.com/awfixers-stuff/OwnDroid.git
synced 2026-03-23 19:15:58 +00:00
335 lines
11 KiB
Kotlin
335 lines
11 KiB
Kotlin
package com.bintianqi.owndroid.ui
|
|
|
|
import android.widget.Toast
|
|
import androidx.annotation.DrawableRes
|
|
import androidx.annotation.StringRes
|
|
import androidx.compose.animation.animateContentSize
|
|
import androidx.compose.animation.core.animateFloatAsState
|
|
import androidx.compose.foundation.background
|
|
import androidx.compose.foundation.clickable
|
|
import androidx.compose.foundation.layout.*
|
|
import androidx.compose.foundation.layout.Arrangement
|
|
import androidx.compose.foundation.rememberScrollState
|
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
|
import androidx.compose.foundation.text.selection.SelectionContainer
|
|
import androidx.compose.foundation.verticalScroll
|
|
import androidx.compose.material.icons.Icons
|
|
import androidx.compose.material.icons.filled.ArrowDropDown
|
|
import androidx.compose.material.icons.outlined.Info
|
|
import androidx.compose.material3.*
|
|
import androidx.compose.material3.MaterialTheme.colorScheme
|
|
import androidx.compose.material3.MaterialTheme.typography
|
|
import androidx.compose.runtime.*
|
|
import androidx.compose.ui.Alignment
|
|
import androidx.compose.ui.Modifier
|
|
import androidx.compose.ui.draw.alpha
|
|
import androidx.compose.ui.draw.clip
|
|
import androidx.compose.ui.draw.rotate
|
|
import androidx.compose.ui.graphics.Color
|
|
import androidx.compose.ui.platform.LocalContext
|
|
import androidx.compose.ui.res.painterResource
|
|
import androidx.compose.ui.res.stringResource
|
|
import androidx.compose.ui.unit.Dp
|
|
import androidx.compose.ui.unit.dp
|
|
import androidx.navigation.NavHostController
|
|
import com.bintianqi.owndroid.R
|
|
import com.bintianqi.owndroid.writeClipBoard
|
|
import com.bintianqi.owndroid.zhCN
|
|
import kotlinx.coroutines.delay
|
|
import kotlinx.coroutines.launch
|
|
|
|
@Composable
|
|
fun FunctionItem(
|
|
@StringRes title: Int,
|
|
desc: String,
|
|
@DrawableRes icon: Int? = null,
|
|
operation: () -> Unit
|
|
) {
|
|
Row(
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.clickable(onClick = operation)
|
|
.padding(start = 25.dp, end = 15.dp)
|
|
.padding(vertical = 12.dp + (if(desc != "") 0 else 3).dp),
|
|
verticalAlignment = Alignment.CenterVertically
|
|
) {
|
|
if(icon != null) Icon(
|
|
painter = painterResource(icon), contentDescription = null,
|
|
modifier = Modifier.padding(top = 1.dp, end = 20.dp).offset(x = (-2).dp)
|
|
)
|
|
Column {
|
|
Text(
|
|
text = stringResource(title),
|
|
style = typography.titleLarge,
|
|
modifier = Modifier.padding(bottom = if(zhCN) 2.dp else 0.dp)
|
|
)
|
|
if(desc != "") { Text(text = desc, color = colorScheme.onBackground.copy(alpha = 0.8F)) }
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun NavIcon(operation: () -> Unit) {
|
|
Icon(
|
|
painter = painterResource(R.drawable.arrow_back_fill0),
|
|
contentDescription = "Back arrow",
|
|
modifier = Modifier
|
|
.padding(horizontal = 6.dp)
|
|
.clip(RoundedCornerShape(50))
|
|
.clickable(onClick = operation)
|
|
.padding(5.dp)
|
|
)
|
|
}
|
|
|
|
@Composable
|
|
fun RadioButtonItem(
|
|
@StringRes text: Int,
|
|
selected: Boolean,
|
|
operation: () -> Unit,
|
|
textColor: Color = colorScheme.onBackground
|
|
) {
|
|
RadioButtonItem(stringResource(text), selected, operation, textColor)
|
|
}
|
|
|
|
@Composable
|
|
fun RadioButtonItem(
|
|
text: String,
|
|
selected: Boolean,
|
|
operation: () -> Unit,
|
|
textColor: Color = colorScheme.onBackground
|
|
) {
|
|
Row(verticalAlignment = Alignment.CenterVertically,modifier = Modifier
|
|
.fillMaxWidth()
|
|
.clip(RoundedCornerShape(25))
|
|
.clickable(onClick = operation)
|
|
) {
|
|
RadioButton(selected = selected, onClick = operation)
|
|
Text(text = text, color = textColor, modifier = Modifier.padding(bottom = if(zhCN) { 2 } else { 0 }.dp))
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun CheckBoxItem(
|
|
@StringRes text: Int,
|
|
checked: Boolean,
|
|
operation: (Boolean) -> Unit,
|
|
textColor: Color = colorScheme.onBackground
|
|
) {
|
|
Row(verticalAlignment = Alignment.CenterVertically,modifier = Modifier
|
|
.fillMaxWidth()
|
|
.clip(RoundedCornerShape(25))
|
|
.clickable { operation(!checked) }
|
|
) {
|
|
Checkbox(
|
|
checked = checked,
|
|
onCheckedChange = operation
|
|
)
|
|
Text(text = stringResource(text), color = textColor, modifier = Modifier.padding(bottom = if(zhCN) { 2 } else { 0 }.dp))
|
|
}
|
|
}
|
|
|
|
|
|
@Composable
|
|
fun SwitchItem(
|
|
@StringRes title: Int,
|
|
desc: String,
|
|
@DrawableRes icon: Int?,
|
|
getState: ()->Boolean,
|
|
onCheckedChange: (Boolean)->Unit,
|
|
enable: Boolean = true,
|
|
onClickBlank: (() -> Unit)? = null,
|
|
padding: Boolean = true
|
|
) {
|
|
var state by remember { mutableStateOf(getState()) }
|
|
SwitchItem(title, desc, icon, state, { onCheckedChange(it); state = getState() }, enable, onClickBlank, padding)
|
|
}
|
|
|
|
@Composable
|
|
fun SwitchItem(
|
|
@StringRes title: Int,
|
|
desc: String,
|
|
@DrawableRes icon: Int?,
|
|
state: Boolean,
|
|
onCheckedChange: (Boolean)->Unit,
|
|
enable: Boolean = true,
|
|
onClickBlank: (() -> Unit)? = null,
|
|
padding: Boolean = true
|
|
) {
|
|
Box(
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.clickable(enabled = onClickBlank != null, onClick = onClickBlank?:{})
|
|
.padding(start = if(padding) 25.dp else 0.dp, end = if(padding) 15.dp else 0.dp, top = 5.dp, bottom = 5.dp)
|
|
) {
|
|
Row(
|
|
verticalAlignment = Alignment.CenterVertically,
|
|
modifier = Modifier.align(Alignment.CenterStart)
|
|
) {
|
|
if(icon != null) Icon(
|
|
painter = painterResource(icon),
|
|
contentDescription = null,
|
|
modifier = Modifier.padding(end = 20.dp).offset(x = (-2).dp)
|
|
)
|
|
Column(modifier = Modifier.padding(end = 60.dp, bottom = if(zhCN) 2.dp else 0.dp)) {
|
|
Text(text = stringResource(title), style = typography.titleLarge)
|
|
if(desc != "") {
|
|
Text(text = desc, color = colorScheme.onBackground.copy(alpha = 0.8F))
|
|
}
|
|
}
|
|
}
|
|
Switch(
|
|
checked = state, onCheckedChange = { onCheckedChange(it) },
|
|
modifier = Modifier.align(Alignment.CenterEnd), enabled = enable
|
|
)
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun CopyTextButton(@StringRes label: Int, content: String) {
|
|
val context = LocalContext.current
|
|
var ok by remember{ mutableStateOf(false) }
|
|
val scope = rememberCoroutineScope()
|
|
Button(
|
|
onClick = {
|
|
if(!ok) {
|
|
scope.launch {
|
|
if(writeClipBoard(context,content)) { ok = true; delay(2000); ok = false }
|
|
else{ Toast.makeText(context, R.string.failed, Toast.LENGTH_SHORT).show() }
|
|
}
|
|
}
|
|
}
|
|
) {
|
|
Row(
|
|
verticalAlignment = Alignment.CenterVertically, modifier = Modifier.animateContentSize()
|
|
) {
|
|
Icon(painter = painterResource(if(ok) R.drawable.check_fill0 else R.drawable.content_copy_fill0), contentDescription = null)
|
|
Spacer(modifier = Modifier.padding(horizontal = 2.dp))
|
|
Text(text = stringResource(if(ok) R.string.success else label))
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun CardItem(@StringRes title: Int, @StringRes text: Int, onClickInfo: (() -> Unit)? = null) {
|
|
CardItem(title, stringResource(text), onClickInfo)
|
|
}
|
|
|
|
@Composable
|
|
fun CardItem(@StringRes title: Int, text: String, onClickInfo: (() -> Unit)? = null) {
|
|
Card(modifier = Modifier.fillMaxWidth().padding(vertical = 6.dp)) {
|
|
Row(
|
|
horizontalArrangement = Arrangement.SpaceBetween,
|
|
verticalAlignment = Alignment.CenterVertically,
|
|
modifier = Modifier.fillMaxWidth()
|
|
) {
|
|
Column(modifier = Modifier.fillMaxWidth(0.85F)) {
|
|
Text(text = stringResource(title), style = typography.titleLarge, modifier = Modifier.padding(start = 8.dp, top = 6.dp))
|
|
SelectionContainer {
|
|
Text(text = text, modifier = Modifier.padding(start = 8.dp, bottom = 6.dp))
|
|
}
|
|
}
|
|
if(onClickInfo != null) IconButton(onClick = onClickInfo) {
|
|
Icon(imageVector = Icons.Outlined.Info, contentDescription = null)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun ListItem(text: String, onDelete: () -> Unit) {
|
|
Row(
|
|
horizontalArrangement = Arrangement.SpaceBetween,
|
|
verticalAlignment = Alignment.CenterVertically,
|
|
modifier = Modifier.fillMaxWidth().padding(vertical = 4.dp).clip(RoundedCornerShape(15)).background(colorScheme.surfaceVariant)
|
|
) {
|
|
Text(text = text, modifier = Modifier.padding(start = 12.dp))
|
|
IconButton(
|
|
onClick = onDelete
|
|
) {
|
|
Icon(
|
|
painter = painterResource(R.drawable.close_fill0),
|
|
contentDescription = stringResource(R.string.delete)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun InfoCard(@StringRes strID: Int) {
|
|
Column(
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(vertical = 8.dp)
|
|
.clip(RoundedCornerShape(10))
|
|
.background(color = colorScheme.tertiaryContainer)
|
|
.padding(8.dp)
|
|
) {
|
|
Icon(imageVector = Icons.Outlined.Info, contentDescription = null, modifier = Modifier.padding(vertical = 4.dp))
|
|
Text(stringResource(strID))
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun MyScaffold(
|
|
@StringRes title: Int,
|
|
horizonPadding: Dp,
|
|
navCtrl: NavHostController,
|
|
displayTitle: Boolean = true,
|
|
content: @Composable ColumnScope.() -> Unit
|
|
) = MyScaffold(title, horizonPadding, { navCtrl.navigateUp() }, displayTitle, content)
|
|
|
|
@OptIn(ExperimentalMaterial3Api::class)
|
|
@Composable
|
|
fun MyScaffold(
|
|
@StringRes title: Int,
|
|
horizonPadding: Dp,
|
|
onNavIconClicked: () -> Unit,
|
|
displayTitle: Boolean,
|
|
content: @Composable ColumnScope.() -> Unit
|
|
) {
|
|
val scrollState = rememberScrollState()
|
|
Scaffold(
|
|
topBar = {
|
|
TopAppBar(
|
|
title = {
|
|
Text(
|
|
text = stringResource(title),
|
|
modifier = if(displayTitle) Modifier.alpha((maxOf(scrollState.value-90,0)).toFloat()/50) else Modifier
|
|
)
|
|
},
|
|
navigationIcon = { NavIcon (onNavIconClicked) }
|
|
)
|
|
}
|
|
) { paddingValues ->
|
|
Column(
|
|
modifier = Modifier
|
|
.fillMaxSize()
|
|
.padding(paddingValues)
|
|
.padding(horizontal = horizonPadding)
|
|
.verticalScroll(scrollState)
|
|
.padding(bottom = 80.dp)
|
|
) {
|
|
if(displayTitle) Text(
|
|
text = stringResource(title),
|
|
style = typography.headlineLarge,
|
|
modifier = Modifier.padding(start = if(horizonPadding == 0.dp) 16.dp else 0.dp,top = 10.dp, bottom = 5.dp)
|
|
)
|
|
content()
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun UpOrDownTextFieldTrailingIconButton(active: Boolean, onClick: () -> Unit) {
|
|
val degrees by animateFloatAsState(if(active) 180F else 0F)
|
|
IconButton(
|
|
onClick = onClick,
|
|
modifier = Modifier.clip(RoundedCornerShape(50))
|
|
) {
|
|
Icon(
|
|
imageVector = Icons.Default.ArrowDropDown, contentDescription = null,
|
|
modifier = Modifier.rotate(degrees)
|
|
)
|
|
}
|
|
}
|