22 . Compose NestedScroll 向下滑动隐藏标题

最新推荐文章于 2023-03-05 18:00:00 发布

会编程的猩猩

最新推荐文章于 2023-03-05 18:00:00 发布

阅读量799

点赞数

分类专栏： Android Compose 文章标签： Compose

本文链接：https://blog.csdn.net/u010436867/article/details/122198384

版权

Android Compose 专栏收录该内容

51 篇文章 24 订阅

订阅专栏

val toolbarHeight = 48.dp
        val toolbarHeightPx = with(LocalDensity.current) { toolbarHeight.roundToPx().toFloat() }
        val toolbarOffsetHeightPx = remember { mutableStateOf(0f) }
        val nestedScrollConnection = remember {
            object : NestedScrollConnection {
                override fun onPreScroll(available: Offset, source: NestedScrollSource): Offset {
                    //y方向的偏移量
                    val delta = available.y
                    val newOffset = toolbarOffsetHeightPx.value + delta
                    toolbarOffsetHeightPx.value = newOffset.coerceIn(-toolbarHeightPx, 0f)
                    return Offset.Zero
                }
            }
        }
        Box(
            Modifier
                .fillMaxSize()
                .nestedScroll(nestedScrollConnection)
        ) {
            LazyColumn(contentPadding = PaddingValues(top = toolbarHeight)) {
                items(100) { index ->
                    Text(
                        stringResource(id = R.string.nested_scroll, index),
                        modifier = Modifier
                            .fillMaxWidth()
                            .padding(16.dp)
                    )
                }
            }
            TopAppBar(
                modifier = Modifier
                    .height(toolbarHeight)
                    .offset { IntOffset(x = 0, y = toolbarOffsetHeightPx.value.roundToInt()) },
                title = {
                    Text(
                        stringResource(id = R.string.app_name, toolbarOffsetHeightPx.value)
                    )
                }
            )
        }