xfy/yayacal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): eliminate year header layout jitter when showing this year button

Browse Source
This commit is contained in:
xfy 2026-07-24 13:20:56 +08:00
parent 0703be68b4
commit adc149c462
1 changed files with 27 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
core/src/main/kotlin/plus/rua/project/ui/YearGridView.kt
View File

@ -408,25 +408,34 @@ fun YearHeader(
)
}
Spacer(modifier = Modifier.weight(1f))
AnimatedVisibility(
visible = year != currentYear,
enter = fadeIn(tween(200)) + scaleIn(spring(stiffness = Spring.StiffnessMedium), initialScale = 0.7f),
exit = fadeOut(tween(150)) + scaleOut(targetScale = 0.8f),
label = "this_year_button_visibility"
) {
Surface(
onClick = { onYearChange(currentYear) },
shape = RoundedCornerShape(12.dp),
color = MaterialTheme.colorScheme.primaryContainer.copy(alpha = 0.4f)
) {
Text(
text = "今年",
color = MaterialTheme.colorScheme.primary,
fontSize = 14.sp,
fontWeight = FontWeight.Medium,
modifier = Modifier.padding(horizontal = 10.dp, vertical = 4.dp)
)
val showThisYear = year != currentYear
val thisYearAlpha by androidx.compose.animation.core.animateFloatAsState(
targetValue = if (showThisYear) 1f else 0f,
animationSpec = tween(200),
label = "this_year_alpha"
)
val thisYearScale by androidx.compose.animation.core.animateFloatAsState(
targetValue = if (showThisYear) 1f else 0.8f,
animationSpec = spring(stiffness = Spring.StiffnessMedium),
label = "this_year_scale"
)
Surface(
onClick = { if (showThisYear) onYearChange(currentYear) },
shape = RoundedCornerShape(12.dp),
color = MaterialTheme.colorScheme.primaryContainer.copy(alpha = 0.4f),
modifier = Modifier.graphicsLayer {
alpha = thisYearAlpha
scaleX = thisYearScale
scaleY = thisYearScale
}
) {
Text(
text = "今年",
color = MaterialTheme.colorScheme.primary,
fontSize = 14.sp,
fontWeight = FontWeight.Medium,
modifier = Modifier.padding(horizontal = 10.dp, vertical = 4.dp)
)
}
}
AnimatedContent(