Creepso/fluxa
1
0
Fork 0
mirror of https://github.com/FluxaMedia/fluxa.git synced 2026-08-18 04:55:58 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fade TV shelf rows out under the rail gutter

Browse source 
Rows now dissolve at the left edge instead of hard-clipping. The DstIn
fade needs offscreen compositing, so it only engages once the row has
scrolled; rows sitting at their start render with no extra cost.
This commit is contained in:
KhooLy 2026-07-02 00:49:44 +03:00
parent f2bb2d902e
commit 327e869488
1 changed files with 21 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
app/src/main/java/com/fluxa/app/ui/catalog/TvHomeShelfComponents.kt
View file

@ -41,6 +41,10 @@ import androidx.compose.runtime.snapshotFlow
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.draw.drawWithContent
import androidx.compose.ui.graphics.BlendMode
import androidx.compose.ui.graphics.Brush
import androidx.compose.ui.graphics.CompositingStrategy
import androidx.compose.ui.graphics.graphicsLayer
import androidx.compose.ui.focus.FocusRequester
import androidx.compose.ui.focus.focusProperties
@ -285,6 +289,23 @@ internal fun HomeShelfRow(
.onGloballyPositioned { coordinates ->
rowCoordinates = coordinates
rowWidth = with(density) { coordinates.size.width.toDp() }
}
.graphicsLayer {
compositingStrategy = if (lazyListState.canScrollBackward) CompositingStrategy.Offscreen else CompositingStrategy.Auto
}
.drawWithContent {
drawContent()
if (lazyListState.canScrollBackward) {
drawRect(
brush = Brush.horizontalGradient(
0f to Color.Transparent,
1f to Color.Black,
endX = titleStartPadding.toPx()
),
size = androidx.compose.ui.geometry.Size(titleStartPadding.toPx(), size.height),
blendMode = BlendMode.DstIn
)
}
},
contentPadding = PaddingValues(start = titleStartPadding, end = 50.dp),
horizontalArrangement = Arrangement.spacedBy(8.dp),