在 android 中将一个视图放置/重叠（z-index）到另一个视图之上

Question

我有一个线性布局，由 imageview 和 textview 组成，在线性布局中一个在另一个下面。

<LinearLayout android:orientation="horizontal" ... >
 <ImageView 
     android:id="@+id/thumbnail"
     android:layout_weight="0.8" 
     android:layout_width="0dip"
     android:layout_height="fill_parent">
 </ImageView>
 <TextView 
    android:id="@+id/description"
    android:layout_weight="0.2"
    android:layout_width="0dip"
    android:layout_height="wrap_content">
 </TextView>

可能会缺少一些规则，这是为了提供一个想法，即布局的外观。 我想要另一个长度和宽度为 50dip 的小文本视图，放置在 imageview 上，“over”我的意思是 z-index 大于 imageview ，我想将其放置在 imageview 的中心和上方（重叠）。

我想知道如何将一个视图放置在另一个视图之上，并具有不同的 z 索引（最好采用线性布局）？

Answer 1

您不能为此使用 LinearLayout，但可以使用 FrameLayout。在 FrameLayout 中，z-index 由添加项目的顺序定义，例如：

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    >
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/my_drawable"
        android:scaleType="fitCenter"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|center"
        android:padding="5dp"
        android:text="My Label"
        />
</FrameLayout>

在本例中，TextView 将沿着 ImageView 的底部中心绘制在 ImageView 的顶部。图像。

Answer 2

尝试 .bringToFront()：

http://developer.android.com/reference/android/view/View.html#bringToFront%28%29

Answer 3

相对布局的工作方式相同，相对布局中的最后一个图像获胜。

Answer 4

更改绘制顺序

另一种方法是更改​​父视图绘制视图的顺序。您可以通过调用 setChildrenDrawingOrderEnabled(true)< 从 ViewGroup 启用此功能/a> 并覆盖 getChildDrawingOrder(int childCount, int我）。

示例：

/**
 * Example Layout that changes draw order of a FrameLayout
 */
public class OrderLayout extends FrameLayout {

    private static final int[][] DRAW_ORDERS = new int[][]{
            {0, 1, 2},
            {2, 1, 0},
            {1, 2, 0}
    };

    private int currentOrder;

    public OrderLayout(Context context) {
        super(context);
        setChildrenDrawingOrderEnabled(true);
    }

    public void setDrawOrder(int order) {
        currentOrder = order;
        invalidate();
    }

    @Override
    protected int getChildDrawingOrder(int childCount, int i) {
        return DRAW_ORDERS[currentOrder][i];
    }
}

输出：

使用 0-1-2 调用 OrderLayout#setDrawOrder(int) 结果为：

Answer 5

我通过将 android:elevation="1dp" 添加到您想要的视图而不是另一个视图来解决了同样的问题。但是5.0以下就不能显示了，而且会有一点阴影，如果你能接受的话就OK了。

所以，最正确的解决方案是@kcoppock 说的。

Answer 6

从 API 级别 21 开始，您可以使用 view.setZ(float)。 在这里您可以找到更多信息。

Answer 7

在相对布局中尝试一下：

ImageView image = new ImageView(this);
image.SetZ(float z);

它对我有用。

Answer 8

有一种方法可以使用 LinearLayout。只需将前一个元素的 marginTop 设置为相应的负值，并确保您想要位于顶部的元素位于 XML 中您想要位于下方的元素之后。

<linearLayout android:orientation="horizontal" ... >
<ImageView 
 android:id="@+id/thumbnail"
 android:layout_weight="0.8" 
 android:layout_width="0dip"
 android:layout_height="fill_parent"
>
</ImageView>
<TextView 
android:id="@+id/description"
android:layout_marginTop="-20dip"
android:layout_weight="0.2"
android:layout_width="0dip"
android:layout_height="wrap_content"
>
</TextView>

Answer 9

AFAIK 你不能用线性布局来做到这一点，你必须选择 RelativeLayout< /a>.

Answer 10

如果您只想在需要时将一个视图置于前面，我使用这个：

containerView.bringChildToFront(topView);

containerView 是要排序的视图容器，topView 是我想要的视图容器中的最上面。

要排列多个视图，将使用 setChildrenDrawingOrderEnabled(true) 并覆盖 getChildDrawingOrder(int childCount, int i) ，如上所述。

Answer 11

如果您以编程方式添加视图，则可以使用 yourLayout.addView(view, 1);

，其中 1 是索引。

Answer 12

在RelativeLayout中尝试一下：

示例XML：

<ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@string/todo"
        app:srcCompat="@drawable/ic_offer_close_outline"
        app:tint="@color/colorWhite"
        android:translationZ="999dp" />

示例java：

ImageView image = new ImageView(this);
image.SetZ(float z);

Answer 13

使用android:transformZ。它也适用于 LinearLayout。