mirror of
https://github.com/T8RIN/ImageToolbox.git
synced 2025-05-17 21:45:59 +08:00
UI improvements
This commit is contained in:
@ -95,7 +95,9 @@ internal fun FilterPreviewSheet(
|
||||
|
||||
EnhancedModalBottomSheet(
|
||||
dragHandle = {
|
||||
EnhancedModalSheetDragHandle {
|
||||
EnhancedModalSheetDragHandle(
|
||||
showDragHandle = false
|
||||
) {
|
||||
EnhancedTopAppBar(
|
||||
type = EnhancedTopAppBarType.Center,
|
||||
drawHorizontalStroke = false,
|
||||
|
@ -93,7 +93,7 @@ fun EnhancedModalBottomSheet(
|
||||
confirmButton: @Composable RowScope.() -> Unit,
|
||||
dragHandle: @Composable ColumnScope.() -> Unit = { EnhancedModalSheetDragHandle() },
|
||||
title: @Composable () -> Unit,
|
||||
endConfirmButtonPadding: Dp = 16.dp,
|
||||
endConfirmButtonPadding: Dp = 12.dp,
|
||||
visible: Boolean,
|
||||
onDismiss: (Boolean) -> Unit,
|
||||
enableBackHandler: Boolean = true,
|
||||
@ -117,7 +117,7 @@ fun EnhancedModalBottomSheet(
|
||||
.fillMaxWidth()
|
||||
.drawHorizontalStroke(true, autoElevation = 6.dp)
|
||||
.background(EnhancedBottomSheetDefaults.barContainerColor)
|
||||
.padding(16.dp)
|
||||
.padding(8.dp)
|
||||
.navigationBarsPadding()
|
||||
.padding(end = endConfirmButtonPadding),
|
||||
verticalAlignment = Alignment.CenterVertically
|
||||
@ -163,9 +163,9 @@ fun EnhancedModalBottomSheet(
|
||||
.drawHorizontalStroke(true, autoElevation = 6.dp)
|
||||
.background(EnhancedBottomSheetDefaults.barContainerColor)
|
||||
.navigationBarsPadding()
|
||||
.padding(16.dp)
|
||||
.padding(8.dp)
|
||||
.then(
|
||||
if (enableBottomContentWeight) Modifier.padding(end = 16.dp)
|
||||
if (enableBottomContentWeight) Modifier.padding(end = 12.dp)
|
||||
else Modifier
|
||||
),
|
||||
verticalAlignment = Alignment.CenterVertically
|
||||
@ -271,9 +271,7 @@ private fun EnhancedModalSheetImpl(
|
||||
}
|
||||
}
|
||||
|
||||
if (!visible && sheetState.currentValue == sheetState.targetValue && !sheetState.isVisible && !isAnimating) {
|
||||
return
|
||||
}
|
||||
if (!visible && sheetState.currentValue == sheetState.targetValue && !sheetState.isVisible && !isAnimating) return
|
||||
|
||||
val settingsState = LocalSettingsState.current
|
||||
|
||||
|
@ -23,6 +23,7 @@ import androidx.compose.foundation.layout.Arrangement
|
||||
import androidx.compose.foundation.layout.Column
|
||||
import androidx.compose.foundation.layout.ColumnScope
|
||||
import androidx.compose.foundation.layout.Row
|
||||
import androidx.compose.foundation.layout.Spacer
|
||||
import androidx.compose.foundation.layout.fillMaxWidth
|
||||
import androidx.compose.foundation.layout.height
|
||||
import androidx.compose.foundation.layout.padding
|
||||
@ -52,6 +53,7 @@ fun EnhancedModalSheetDragHandle(
|
||||
showDragHandle: Boolean = true,
|
||||
bendAngle: Float = 0f,
|
||||
strokeWidth: Dp = EnhancedBottomSheetDefaults.dragHandleHeight,
|
||||
heightWhenDisabled: Dp = 0.dp,
|
||||
content: @Composable ColumnScope.() -> Unit = {},
|
||||
) {
|
||||
val dragHandleWidth = LocalSettingsState.current.dragHandleWidth
|
||||
@ -67,13 +69,13 @@ fun EnhancedModalSheetDragHandle(
|
||||
.background(color),
|
||||
horizontalAlignment = Alignment.CenterHorizontally
|
||||
) {
|
||||
Row(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(vertical = 22.dp),
|
||||
horizontalArrangement = Arrangement.Center
|
||||
) {
|
||||
if (showDragHandle && dragHandleWidth > 0.dp) {
|
||||
if (showDragHandle && dragHandleWidth > 0.dp) {
|
||||
Row(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(vertical = 22.dp),
|
||||
horizontalArrangement = Arrangement.Center
|
||||
) {
|
||||
BendableDragHandle(
|
||||
width = dragHandleWidth,
|
||||
angleDegrees = bendAngle,
|
||||
@ -83,7 +85,10 @@ fun EnhancedModalSheetDragHandle(
|
||||
)
|
||||
)
|
||||
}
|
||||
} else {
|
||||
Spacer(modifier = Modifier.height(heightWhenDisabled))
|
||||
}
|
||||
|
||||
content()
|
||||
}
|
||||
}
|
||||
|
@ -141,7 +141,7 @@ fun ZoomModalSheet(
|
||||
}
|
||||
}
|
||||
Row(
|
||||
modifier = Modifier.padding(16.dp),
|
||||
modifier = Modifier.padding(8.dp),
|
||||
verticalAlignment = Alignment.CenterVertically
|
||||
) {
|
||||
TitleItem(text = stringResource(R.string.zoom), icon = Icons.Rounded.ZoomIn)
|
||||
@ -149,7 +149,7 @@ fun ZoomModalSheet(
|
||||
EnhancedButton(
|
||||
containerColor = MaterialTheme.colorScheme.secondaryContainer,
|
||||
onClick = onDismiss,
|
||||
modifier = Modifier.padding(horizontal = 16.dp)
|
||||
modifier = Modifier.padding(horizontal = 12.dp)
|
||||
) {
|
||||
AutoSizeText(stringResource(R.string.close))
|
||||
}
|
||||
@ -167,7 +167,8 @@ fun ZoomModalSheet(
|
||||
dragHandle = {
|
||||
EnhancedModalSheetDragHandle(
|
||||
color = Color.Transparent,
|
||||
drawStroke = false
|
||||
drawStroke = false,
|
||||
heightWhenDisabled = 20.dp
|
||||
)
|
||||
}
|
||||
)
|
||||
|
@ -112,8 +112,7 @@ fun CompareSheet(
|
||||
}
|
||||
}
|
||||
Row(
|
||||
modifier = Modifier
|
||||
.padding(16.dp),
|
||||
modifier = Modifier.padding(8.dp),
|
||||
verticalAlignment = Alignment.CenterVertically
|
||||
) {
|
||||
TitleItem(
|
||||
@ -124,7 +123,7 @@ fun CompareSheet(
|
||||
EnhancedButton(
|
||||
containerColor = MaterialTheme.colorScheme.secondaryContainer,
|
||||
onClick = onDismiss,
|
||||
modifier = Modifier.padding(horizontal = 16.dp)
|
||||
modifier = Modifier.padding(horizontal = 12.dp)
|
||||
) {
|
||||
AutoSizeText(stringResource(R.string.close))
|
||||
}
|
||||
@ -138,7 +137,8 @@ fun CompareSheet(
|
||||
dragHandle = {
|
||||
EnhancedModalSheetDragHandle(
|
||||
color = Color.Transparent,
|
||||
drawStroke = false
|
||||
drawStroke = false,
|
||||
heightWhenDisabled = 20.dp
|
||||
)
|
||||
}
|
||||
)
|
||||
@ -192,8 +192,7 @@ fun CompareSheet(
|
||||
)
|
||||
}
|
||||
Row(
|
||||
modifier = Modifier
|
||||
.padding(16.dp),
|
||||
modifier = Modifier.padding(8.dp),
|
||||
verticalAlignment = Alignment.CenterVertically
|
||||
) {
|
||||
TitleItem(
|
||||
@ -204,7 +203,7 @@ fun CompareSheet(
|
||||
EnhancedButton(
|
||||
containerColor = MaterialTheme.colorScheme.secondaryContainer,
|
||||
onClick = onDismiss,
|
||||
modifier = Modifier.padding(horizontal = 16.dp)
|
||||
modifier = Modifier.padding(horizontal = 12.dp)
|
||||
) {
|
||||
AutoSizeText(stringResource(R.string.close))
|
||||
}
|
||||
@ -218,7 +217,8 @@ fun CompareSheet(
|
||||
dragHandle = {
|
||||
EnhancedModalSheetDragHandle(
|
||||
color = Color.Transparent,
|
||||
drawStroke = false
|
||||
drawStroke = false,
|
||||
heightWhenDisabled = 20.dp
|
||||
)
|
||||
}
|
||||
)
|
||||
|
@ -127,9 +127,7 @@ fun PickColorFromImageSheet(
|
||||
)
|
||||
|
||||
Row(
|
||||
modifier = Modifier
|
||||
.padding(16.dp)
|
||||
.padding(horizontal = 16.dp),
|
||||
modifier = Modifier.padding(16.dp),
|
||||
verticalAlignment = Alignment.CenterVertically
|
||||
) {
|
||||
Row(
|
||||
@ -227,7 +225,8 @@ fun PickColorFromImageSheet(
|
||||
dragHandle = {
|
||||
EnhancedModalSheetDragHandle(
|
||||
color = Color.Transparent,
|
||||
drawStroke = false
|
||||
drawStroke = false,
|
||||
heightWhenDisabled = 20.dp
|
||||
)
|
||||
},
|
||||
visible = visible,
|
||||
|
Reference in New Issue
Block a user