Question

我想达到以下结果，即中间的一个图像视图和两个按钮重叠，但经过几天的尝试和搜索后我没有运气。

非常感谢您能为此提供帮助。

<LinearLayout
    android:id="@+id/fragment_busmain_triplacegroup"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/fragment_busmain_tripbtngroup"
    android:layout_centerHorizontal="true"
    android:orientation="vertical"
    android:padding="10dp"
    android:weightSum="2">

    <android.support.design.widget.TextInputLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1">

        <EditText
            android:id="@+id/fragment_busmain_departfrom"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:hint="@string/From"></EditText>
    </android.support.design.widget.TextInputLayout>

    <android.support.design.widget.TextInputLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1">

        <EditText
            android:id="@+id/fragment_busmain_departto"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:hint="@string/To"></EditText>
    </android.support.design.widget.TextInputLayout>
</LinearLayout>

Answer 1

尝试使用RelativeLayout代替并在第一个文字视图下方添加ImageView，并为其提供一半高度的负边距。

<RelativeLayout
    android:id="@+id/fragment_busmain_triplacegroup"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/fragment_busmain_tripbtngroup"
    android:padding="10dp">

    <android.support.design.widget.TextInputLayout
        android:id="@id/from"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">

        <EditText
            android:id="@+id/fragment_busmain_departfrom"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:hint="@string/From"/>
    </android.support.design.widget.TextInputLayout>

    <ImageView
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_below="@id/from"
        android:src="@drawable/upDownArrow"
        android:layout_marginBottom="-15dp"/>

    <android.support.design.widget.TextInputLayout
        android:id="@id/to"
        android:layout_below="@id/from"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">

        <EditText
            android:id="@+id/fragment_busmain_departto"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:hint="@string/To"></EditText>
    </android.support.design.widget.TextInputLayout>
</RelativeLayout>

如何让ImageView与2个按钮部分重叠？

1 个答案: