我正在尝试实现 CollapsingToolbar,Compose但我通过互联网找到的示例无法满足我的需求。我曾经使用 xml 并且相同的布局是:
-AppBarLayout
-CollapsingToolbarLayout
-ConstraintLayout
-ImageView(parallax, centerCrop)
-Toolbar
-NestedScrollView
-FloatingButton (anchorGravity="bottom|end")
-Button(sticky)
Run Code Online (Sandbox Code Playgroud)
我已经尝试了很多事情,但困难的是拥有FloatingButton(可以是任何其他视图,而不是特别的FAB)。
演示:
我做的效果parallax如下:
Box(
modifier = Modifier.graphicsLayer {
translationy = -scroll.value.toFloat() / 2f
alpha = (-1f / headerHeightPx) * scroll.value + 1
}
) { Image... }
Run Code Online (Sandbox Code Playgroud)
我还找到了,Compose Collapsing Toolbar library但如果可能的话,我宁愿不使用任何库。
我已经看到有一个 Material3 有一个TopAppBar,也许它会起作用。
我也尝试过该Material3库,但没有按预期工作,因为我的行为打破了它应有的样子。
我的想法是创建一个Boxor 因为我想要高程 aSurface并在其上包含在Icon和 theImage以及 center内Box。
我创建了一个简单的图像来描述我的想法,也许这是一个很好的开始方式。 …