Как добавить округлые углы и маску в интерфейс, используя переход в навигации? ⇐ Android

[Anonymous]

, как показано на изображении, при переходе между действиями в Android страницы автоматически обрезаны к закругленным углам устройства, и постепенно затемняющая маска применяется к выходу. Разработчики должны реализовать эти анимации сами. Тем не менее, переход Compose поддерживает только типы анимаций, такие как «Fade», «Slide», «Scale» и «Expand», и он не поддерживает «форму» или «маска». Есть ли у вас хорошие идеи о том, как достичь желаемого эффекта?@Composable
fun MyApp() {
val navController = rememberNavController()
NavHost(
navController = navController,
startDestination = "splash",
enterTransition = {
SystemAnimationUtils.getEnterTransition()
},
exitTransition = {
SystemAnimationUtils.getExitTransition()
},
popEnterTransition = {
SystemAnimationUtils.getPopEnterTransition()
},
popExitTransition = {
SystemAnimationUtils.getPopExitTransition()
}
) {
composable("splash") { SplashScreen(navController) }
composable("main") { MainScreen(navController) }
composable("search") { SearchScreen(navController) }
}
}

object SystemAnimationUtils {
const val duration = 400

fun getEnterTransition(): EnterTransition {
return slideInHorizontally(
animationSpec = tween(
durationMillis = duration,
)
) { it
}
}

fun getExitTransition(): ExitTransition {
return slideOutHorizontally(
animationSpec = tween(durationMillis = duration),
targetOffsetX = {-it/4})
}

fun getPopEnterTransition(): EnterTransition {
return slideInHorizontally(
animationSpec = tween(
durationMillis = duration,
),
initialOffsetX = {-it/4}
)
}

fun getPopExitTransition(): ExitTransition {
return slideOutHorizontally(
animationSpec = tween(
durationMillis = duration
)
){it
}
}
}


Подробнее здесь: https://stackoverflow.com/questions/795 ... n-in-compo