feat(splash+icon): фон иконки-градиент под тему + темо-зависимый сплэш
- Подложка adaptive-иконки: градиент под акцент темы + радиальное свечение + мягкая тень от логотипа (ic_bg_<тема>, было плоским цветом). Иконку-лого не трогал. - Сплэш под выбранную тему: системный сплэш Android 12+ нельзя перекрасить под выбор пользователя (alias-тема на ColorOS игнорится), поэтому системный = просто тёмный (splash_transparent), а красивый сплэш рисуем сами на Compose (SplashOverlay): 3D-лого + акцентное свечение + тень + анимация, цвет берём из текущей темы. - Тему на старте читаем синхронно из SharedPreferences (мгновенно, без блокировки кадра). - Ускорен холодный старт до первого кадра 1.48с→1.11с: сплэш рисуется на первом дешёвом кадре, тяжёлый контент (ViewModels/плеер) композится под ним; старт PlayerService уведён с критического пути. Остаток — оверхед debug-сборки.
This commit is contained in:
96
app/src/main/java/com/radiola/ui/components/SplashOverlay.kt
Normal file
96
app/src/main/java/com/radiola/ui/components/SplashOverlay.kt
Normal file
@@ -0,0 +1,96 @@
|
||||
package com.radiola.ui.components
|
||||
|
||||
import androidx.compose.animation.core.Animatable
|
||||
import androidx.compose.animation.core.FastOutSlowInEasing
|
||||
import androidx.compose.animation.core.tween
|
||||
import androidx.compose.foundation.Image
|
||||
import androidx.compose.foundation.background
|
||||
import androidx.compose.foundation.layout.Box
|
||||
import androidx.compose.foundation.layout.Column
|
||||
import androidx.compose.foundation.layout.Spacer
|
||||
import androidx.compose.foundation.layout.fillMaxSize
|
||||
import androidx.compose.foundation.layout.height
|
||||
import androidx.compose.foundation.layout.offset
|
||||
import androidx.compose.foundation.layout.size
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.runtime.LaunchedEffect
|
||||
import androidx.compose.runtime.remember
|
||||
import androidx.compose.ui.Alignment
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.draw.blur
|
||||
import androidx.compose.ui.draw.scale
|
||||
import androidx.compose.ui.graphics.Brush
|
||||
import androidx.compose.ui.graphics.Color
|
||||
import androidx.compose.ui.graphics.ColorFilter
|
||||
import androidx.compose.ui.graphics.graphicsLayer
|
||||
import androidx.compose.ui.res.painterResource
|
||||
import androidx.compose.ui.unit.dp
|
||||
import com.radiola.ui.theme.RadiolaWordmark
|
||||
import com.radiola.ui.theme.ThemePalette
|
||||
import kotlinx.coroutines.launch
|
||||
|
||||
/**
|
||||
* Свой экран загрузки: тематический 3D-логотип с акцентным свечением под цвет темы,
|
||||
* мягкой тенью и плавным появлением. Рисуем сами (а не системный сплэш), потому что
|
||||
* Android 12+ не даёт менять иконку системного сплэша под выбранную пользователем тему.
|
||||
*/
|
||||
@Composable
|
||||
fun SplashOverlay(palette: ThemePalette, modifier: Modifier = Modifier) {
|
||||
val colors = palette.colors
|
||||
// Появление снапное: лого видно почти сразу (короткий fade), затем мягкий «вдох».
|
||||
val scale = remember { Animatable(0.92f) }
|
||||
val fade = remember { Animatable(0f) }
|
||||
LaunchedEffect(Unit) {
|
||||
launch { fade.animateTo(1f, tween(200)) }
|
||||
launch { scale.animateTo(1f, tween(420, easing = FastOutSlowInEasing)) }
|
||||
}
|
||||
Box(
|
||||
modifier = modifier.fillMaxSize().background(colors.bgBase),
|
||||
contentAlignment = Alignment.Center
|
||||
) {
|
||||
// Акцентное свечение под цвет темы
|
||||
Box(
|
||||
Modifier
|
||||
.size(380.dp)
|
||||
.graphicsLayer { alpha = fade.value }
|
||||
.background(
|
||||
Brush.radialGradient(
|
||||
listOf(
|
||||
colors.accent.copy(alpha = 0.32f),
|
||||
colors.accent.copy(alpha = 0.10f),
|
||||
Color.Transparent
|
||||
)
|
||||
)
|
||||
)
|
||||
)
|
||||
Column(horizontalAlignment = Alignment.CenterHorizontally) {
|
||||
Box(contentAlignment = Alignment.Center) {
|
||||
// Мягкая тень логотипа
|
||||
Image(
|
||||
painter = painterResource(palette.logoRes),
|
||||
contentDescription = null,
|
||||
colorFilter = ColorFilter.tint(Color.Black.copy(alpha = 0.5f)),
|
||||
modifier = Modifier
|
||||
.size(176.dp)
|
||||
.scale(scale.value)
|
||||
.offset(y = 14.dp)
|
||||
.blur(18.dp)
|
||||
.graphicsLayer { alpha = fade.value }
|
||||
)
|
||||
// Логотип
|
||||
Image(
|
||||
painter = painterResource(palette.logoRes),
|
||||
contentDescription = "radiOLA",
|
||||
modifier = Modifier
|
||||
.size(176.dp)
|
||||
.scale(scale.value)
|
||||
.graphicsLayer { alpha = fade.value }
|
||||
)
|
||||
}
|
||||
Spacer(Modifier.height(20.dp))
|
||||
Box(Modifier.graphicsLayer { alpha = fade.value }) {
|
||||
RadiolaWordmark(fontSize = 30)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user