avior/Neo-Store
1
0
Fork 0
mirror of https://github.com/Aviortheking/Neo-Store.git synced 2025-04-23 19:32:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update: Replace InstallButton with two ActionButton's

Browse Source
This commit is contained in:
machiav3lli 2022-05-29 03:16:06 +02:00
parent ce3166fd57
commit 79fe50ee41
2 changed files with 96 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
src/main/kotlin/com/looker/droidify/ui/compose/components/ActionButton.kt Normal file
View File

@ -0,0 +1,96 @@
package com.looker.droidify.ui.compose.components
import androidx.compose.animation.AnimatedContent
import androidx.compose.animation.ExperimentalAnimationApi
import androidx.compose.animation.SizeTransform
import androidx.compose.animation.fadeIn
import androidx.compose.animation.fadeOut
import androidx.compose.animation.slideInVertically
import androidx.compose.animation.slideOutVertically
import androidx.compose.animation.with
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.defaultMinSize
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.width
import androidx.compose.material3.ButtonDefaults
import androidx.compose.material3.ElevatedButton
import androidx.compose.material3.Icon
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.res.stringResource
import androidx.compose.ui.unit.dp
import com.looker.droidify.entity.PackageState
@OptIn(ExperimentalAnimationApi::class)
@Composable
fun MainActionButton(
modifier: Modifier = Modifier,
packageState: PackageState,
onClick: (PackageState) -> Unit
) {
ElevatedButton(
modifier = modifier,
onClick = { onClick(packageState) }
) {
AnimatedContent(
targetState = packageState,
transitionSpec = {
//when (targetState) {
/*is Cancelable -> {
slideInVertically { height -> height } + fadeIn() with
slideOutVertically { height -> -height } + fadeOut()
}*/
//is ButtonWork -> {
(slideInVertically { height -> -height } + fadeIn() with
slideOutVertically { height -> height } + fadeOut())
//}
//}
.using(SizeTransform(clip = false))
}
) {
Row(
Modifier
.defaultMinSize(minHeight = ButtonDefaults.MinHeight)
.padding(ButtonDefaults.ContentPadding),
horizontalArrangement = Arrangement.Center,
verticalAlignment = Alignment.CenterVertically
) {
Icon(imageVector = it.icon, contentDescription = null)
Spacer(modifier = Modifier.width(8.dp))
Text(text = stringResource(id = it.textId))
}
}
}
}
@OptIn(ExperimentalAnimationApi::class)
@Composable
fun SecondaryActionButton(
modifier: Modifier = Modifier,
packageState: PackageState?,
onClick: () -> Unit
) {
packageState?.let {
ElevatedButton(
modifier = modifier,
onClick = { onClick() }
) {
Row(
Modifier
.defaultMinSize(minHeight = ButtonDefaults.MinHeight)
.padding(
vertical = ButtonDefaults.ContentPadding.calculateTopPadding(),
horizontal = 0.dp
),
horizontalArrangement = Arrangement.Center,
verticalAlignment = Alignment.CenterVertically
) {
Icon(imageVector = it.icon, contentDescription = null)
}
}
}
}

59
src/main/kotlin/com/looker/droidify/ui/compose/components/InstallButton.kt
View File

@ -1,59 +0,0 @@
package com.looker.droidify.ui.compose.components
import androidx.compose.animation.*
import androidx.compose.foundation.layout.*
import androidx.compose.material3.ButtonDefaults
import androidx.compose.material3.ElevatedButton
import androidx.compose.material3.Icon
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import com.looker.droidify.ui.compose.utils.ButtonStates
import com.looker.droidify.ui.compose.utils.ButtonWork
import com.looker.droidify.ui.compose.utils.Cancelable
@OptIn(ExperimentalAnimationApi::class)
@Composable
fun InstallButton(
modifier: Modifier = Modifier,
buttonState: ButtonStates,
onClick: (ButtonStates) -> Unit
) {
ElevatedButton(
modifier = modifier,
onClick = { onClick(buttonState) }
) {
AnimatedContent(
targetState = buttonState,
transitionSpec = {
when (targetState) {
is Cancelable -> {
slideInVertically { height -> height } + fadeIn() with
slideOutVertically { height -> -height } + fadeOut()
}
is ButtonWork -> {
slideInVertically { height -> -height } + fadeIn() with
slideOutVertically { height -> height } + fadeOut()
}
}.using(SizeTransform(clip = false))
}
) {
Row(
Modifier
.defaultMinSize(
minWidth = ButtonDefaults.MinWidth,
minHeight = ButtonDefaults.MinHeight
)
.padding(ButtonDefaults.ContentPadding),
horizontalArrangement = Arrangement.Center,
verticalAlignment = Alignment.CenterVertically
) {
Icon(imageVector = it.icon, contentDescription = null)
Spacer(modifier = Modifier.width(8.dp))
Text(text = it.text)
}
}
}
}