Пересечение изображения и текста

Question

Я пытаюсь сделать что-то вроде этого:

Как видите, метка Login должна пересекаться с изображением логотипа. Я пробовал такую ​​раскладку:

<LinearLayout
    style="@style/fullWidth"
    android:background="@drawable/login_logo" />

<LinearLayout
    style="@style/fullWidth"
    android:orientation="vertical">

    <LinearLayout style="@style/labeledFieldLayout">
        <TextView style="@style/labeledFieldLabel"
                  android:text="@string/common_email"/>
        <EditText style="@style/labeledField_EditEmail"
                  android:id="@+id/emailEditor" />
    </LinearLayout>

........
</LinearLayout>

Но, конечно, макеты не пересекаются друг с другом. Возможно ли решить? Может быть, есть способ установить отрицательные интервалы ..

Answer 1

Да, в вашей компоновке вы используете линейную компоновку в качестве базы, тогда можно установить отрицательные интервалы, как указано ниже,

<LinearLayout
style="@style/fullWidth"
android:background="@drawable/login_logo" />

<LinearLayout style="@style/labeledFieldLayout"  android:layout_marginTop="-30dp">
    <TextView style="@style/labeledFieldLabel"
              android:text="@string/common_email"/>
    <EditText style="@style/labeledField_EditEmail"
              android:id="@+id/emailEditor" />
</LinearLayout>

........

Answer 2

Просто вот так

<LinearLayout
style="@style/fullWidth" android:layout_gravity="center_horizontal"
android:background="@drawable/login_logo" /></LinearLayout>

<LinearLayout style="@style/labeledFieldLayout" >

    <TextView
        style="@style/labeledFieldLabel"
        android:text="@string/common_email" />

    <EditText
        android:id="@+id/emailEditor"
        style="@style/labeledField_EditEmail" />
</LinearLayout>