一张一张地堆叠图像。 android中的Z轴

Question

所以我对 Android 很陌生，但我已经在 xCode 中创建了想要的效果。

我想弄清楚的是什么相当于 Android 的 xCode 中的 ZStack()。

我正在尝试在需要时将图像叠加到另一个图像上。

在 xCode 中使用 ZStack 将允许这样做，事实上它允许任何东西相互堆叠。 Android 如何做到这一点？

更新使用 ZStack 添加了 iOS 视图的图像。

Answer 1

如果您使用的是 Jetpack Compose，则可以使用 Box 组合。

当Box 的内容具有多个布局子级时，布局子级将按照声明的顺序一个在另一个之上。

https://developer.android.com/jetpack/compose/layout

https://foso.github.io/Jetpack-Compose-Playground/layout/box/

Box(
    Modifier
        .fillMaxWidth()
        .aspectRatio(1f)
) {
    Image(
        painter = painterResource(id = R.drawable.ic_launcher_background),
        contentDescription = "background"
    )
    Image(
        painter = painterResource(id = R.drawable.ic_launcher_foreground),
        contentDescription = "foreground"
    )
    Image(
        painter = painterResource(id = R.drawable.staunty_bb),
        contentDescription = "Image caption"
    )
}

---

如果您使用的是 View 系统，则有 FrameLayout 用于堆叠子 View(s)/Layout(s)。

https://developer.android.com/reference/android/widget/FrameLayout

Answer 2

您可以使用 FrameLayout 将视图堆叠在一起。类似于下面的 XML：

<FrameLayout
   android:id="+id/rootView"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   >

   <AppCompatImageView
       android:id="+id/imageViewOne"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content" />

   <AppCompatImageView
       android:id="+id/imageViewTwo"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content" />

   <AppCompatImageView
       android:id="+id/imageViewThree"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content" />

</FrameLayout>

一旦你对不同的视图组如 FrameLayout、LinearLayout 和 RelativeLayout 有了基本的了解，那么 ConstraintLayout 将是一个很好的练习选择。