Question

预期结果

达成结果

我能够实现一切，但不能像所描述的那样在两个布局之间放置图像（+符号）。

以下是我使用过的代码。我不知道我应该如何在两个相对布局之间放置（+符号图像）重叠。

我尝试在2个布局之间放置imageview但是布局之间需要空间，我希望在2个布局之间重叠。

如果有人之前遇到过这种情况或者可以帮助解决这个问题，我将非常感谢他们。提前谢谢。

 <LinearLayout
            android:id="@+id/line3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/indicator"
            android:orientation="horizontal"
            android:weightSum="4">

                <RelativeLayout
                    android:id="@+id/line3_1"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="#CCCCCC"
                    android:padding="@dimen/line3_layout_padding">

                    <TextView
                        android:id="@+id/textRent"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:text="Rent"
                        android:textColor="#999999"
                        android:textSize="@dimen/line3_text1_size" />

                    <TextView
                        android:id="@+id/textRentValue"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/textRent"
                        android:layout_centerHorizontal="true"
                        android:text="€30.00"
                        android:textColor="#999999"
                        android:textSize="@dimen/line3_text2_size" />

                    <TextView
                        android:id="@+id/textRentPerDay"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@+id/textRentValue"
                        android:layout_centerHorizontal="true"
                        android:text="Per day"
                        android:textColor="#999999"
                        android:textSize="@dimen/line3_text1_size" />

                </RelativeLayout>


                <RelativeLayout
                    android:id="@+id/line3_2"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="#FF3333"
                    android:gravity="center"
                    android:padding="@dimen/line3_layout_padding">

                    <TextView
                        android:id="@+id/textIns"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:text="Insurance"
                        android:textColor="#FFFFFF"
                        android:textSize="@dimen/line3_text1_size" />

                    <TextView
                        android:id="@+id/textInsValue"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/textIns"
                        android:layout_centerHorizontal="true"
                        android:text="€4.00"
                        android:textColor="#FFFFFF"
                        android:textSize="@dimen/line3_text2_size" />

                    <TextView
                        android:id="@+id/textInsPerDay"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@+id/textInsValue"
                        android:layout_centerHorizontal="true"
                        android:text="Per day"
                        android:textColor="#FFFFFF"
                        android:textSize="@dimen/line3_text1_size" />

                </RelativeLayout>



            <RelativeLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1.2"
                android:background="#33CC66"
                android:gravity="center"
                android:padding="@dimen/line3_layout_padding">

                <TextView
                    android:id="@+id/textEbysComm"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerHorizontal="true"
                    android:text="Ebys commission"
                    android:textColor="#FFFFFF"
                    android:textSize="@dimen/line3_text1_size" />

                <TextView
                    android:id="@+id/textEbysCommValue"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_below="@id/textEbysComm"
                    android:layout_centerHorizontal="true"
                    android:text="€2.00"
                    android:textColor="#FFFFFF"
                    android:textSize="@dimen/line3_text2_size" />

                <TextView
                    android:id="@+id/textEbysCommPerDay"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_below="@+id/textEbysCommValue"
                    android:layout_centerHorizontal="true"
                    android:text="Per day"
                    android:textColor="#FFFFFF"
                    android:textSize="@dimen/line3_text1_size" />

            </RelativeLayout>


            <RelativeLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="0.8"
                android:background="#6666CC"
                android:gravity="center"
                android:padding="@dimen/line3_layout_padding">

                <TextView
                    android:id="@+id/textTotalCost"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerHorizontal="true"
                    android:text="Total Cost"
                    android:textColor="#FFFFFF"
                    android:textSize="@dimen/line3_text1_size" />

                <TextView
                    android:id="@+id/textTotalCostValue"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_below="@id/textTotalCost"
                    android:layout_centerHorizontal="true"
                    android:text="€36.00"
                    android:textColor="#FFFFFF"
                    android:textSize="@dimen/line3_text2_size" />

                <TextView
                    android:id="@+id/textTotalCostPerDay"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_below="@+id/textTotalCostValue"
                    android:layout_centerHorizontal="true"
                    android:text="Per day"
                    android:textColor="#FFFFFF"
                    android:textSize="@dimen/line3_text1_size" />

            </RelativeLayout>

        </LinearLayout>

Answer 1

创建三个单独的layouts，如下所示，并将它们放在RelativeLayouts之间

子类型的XML

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="match_parent"
    android:layout_width="60dp">
    <View
        android:layout_width="30dp"
        android:background="#F00"
        android:layout_alignParentLeft="true"
        android:layout_height="match_parent"/>

    <View
        android:layout_width="30dp"
        android:background="#0F0"
        android:layout_alignParentRight="true"
        android:layout_height="match_parent"/>
    <ImageView
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:scaleType="fitCenter"
        android:layout_centerInParent="true"
        android:src="@android:drawable/ic_dialog_info"/>
</RelativeLayout>

将重叠图像放在水平相对布局

1 个答案: