将图像放在另外两个上

Question

我在屏幕上放置了 7 张宽度相同的图像。我通过设置重量来使用它。但是现在我需要在它们上面放置一些图像，更准确地说是在图像 1/2 2/3 等之间。要创建这样的东西：获得它的最佳方式是什么？

Answer 1

给你。

您需要在父布局上使用 android:clipChildren 并将每个重叠的 imageview 与子 relativelayout 的左上角对齐，负边距为 width/2，这样它们就不会被覆盖通过下一个相关布局。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            tools:context=".MainActivity"
            android:orientation="horizontal"
            android:clipChildren="false">

<RelativeLayout
    android:layout_width="0dp"
    android:layout_height="100dp"
    android:layout_weight="1" >


    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white"/>


</RelativeLayout>

<RelativeLayout
    android:layout_width="0dp"
    android:layout_height="100dp"
    android:layout_weight="1">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#ff0"/>

    <ImageView
        android:layout_width="30dp"
        android:layout_height="75dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="-15dp"
        android:background="@android:color/black"
        />

</RelativeLayout>

<RelativeLayout
    android:layout_width="0dp"
    android:layout_height="100dp"
    android:layout_weight="1">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white"/>

    <ImageView
        android:layout_width="30dp"
        android:layout_height="75dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="-15dp"
        android:background="@android:color/black"
        />

</RelativeLayout>

<RelativeLayout
    android:layout_width="0dp"
    android:layout_height="100dp"
    android:layout_weight="1">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#ff0"/>

    <ImageView
        android:layout_width="30dp"
        android:layout_height="75dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="-15dp"
        android:background="@android:color/black"
        />

</RelativeLayout>

<RelativeLayout
    android:layout_width="0dp"
    android:layout_height="100dp"
    android:layout_weight="1">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white"/>

    <ImageView
        android:layout_width="30dp"
        android:layout_height="75dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="-15dp"
        android:background="@android:color/black"
        />

</RelativeLayout>

<RelativeLayout
    android:layout_width="0dp"
    android:layout_height="100dp"
    android:layout_weight="1">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#ff0"/>

    <ImageView
        android:layout_width="30dp"
        android:layout_height="75dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="-15dp"
        android:background="@android:color/black"
        />

</RelativeLayout>

<RelativeLayout
    android:layout_width="0dp"
    android:layout_height="100dp"
    android:layout_weight="1">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white"/>

    <ImageView
        android:layout_width="30dp"
        android:layout_height="75dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="-15dp"
        android:background="@android:color/black"
        />

</RelativeLayout>
</LinearLayout>

将图像放在另外两个上

Put image over two another

java

xml

layout

android