vrr/Flocon
2
0
Fork 0
mirror of https://github.com/openflocon/Flocon.git synced 2026-05-19 23:17:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feature: Add lottie

Browse source
This commit is contained in:
Raphael TEYSSANDIER 2025-12-03 11:27:53 +01:00
parent 659c9f64ba
commit 26cdc3899f
3 changed files with 18 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
FloconDesktop/composeApp/build.gradle.kts
View file

@ -75,6 +75,8 @@ kotlin {
implementation(projects.domain)
implementation("io.github.alexzhirkevich:compottie:2.0.2")
implementation(projects.library.designsystem)
implementation(projects.navigation)

1
FloconDesktop/composeApp/src/commonMain/composeResources/files/animation.json Normal file
View file

File diff suppressed because one or more lines are too long

19
FloconDesktop/composeApp/src/commonMain/kotlin/io/github/openflocon/flocondesktop/app/ui/view/topbar/MainScreenTopBar.kt
View file

@ -11,6 +11,7 @@ import androidx.compose.foundation.layout.width
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
@ -18,7 +19,9 @@ import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import flocondesktop.composeapp.generated.resources.Res
import flocondesktop.composeapp.generated.resources.app_icon_small
import io.github.alexzhirkevich.compottie.LottieCompositionSpec
import io.github.alexzhirkevich.compottie.rememberLottieComposition
import io.github.alexzhirkevich.compottie.rememberLottiePainter
import io.github.openflocon.flocondesktop.app.ui.model.AppsStateUiModel
import io.github.openflocon.flocondesktop.app.ui.model.DeviceAppUiModel
import io.github.openflocon.flocondesktop.app.ui.model.DeviceItemUiModel
@ -26,7 +29,6 @@ import io.github.openflocon.flocondesktop.app.ui.model.DevicesStateUiModel
import io.github.openflocon.flocondesktop.app.ui.model.RecordVideoStateUiModel
import io.github.openflocon.flocondesktop.app.ui.view.topbar.actions.TopBarActions
import io.github.openflocon.library.designsystem.FloconTheme
import org.jetbrains.compose.resources.painterResource
@Composable
fun MainScreenTopBar(
@ -78,11 +80,20 @@ private fun Title(
horizontalArrangement = Arrangement.spacedBy(8.dp),
verticalAlignment = Alignment.CenterVertically,
) {
val composition by rememberLottieComposition {
LottieCompositionSpec.JsonString(
Res.readBytes("files/animation.json").decodeToString()
)
}
Image(
modifier = Modifier
.size(28.dp)
.size(64.dp)
.clip(RoundedCornerShape(8.dp)),
painter = painterResource(Res.drawable.app_icon_small),
painter = rememberLottiePainter(
composition = composition,
iterations = Int.MAX_VALUE
),
contentDescription = "Description de mon image",
)