如何在另一个布局之上添加布局？答案

【问题标题】：How to add Layout on top of another Layout?如何在另一个布局之上添加布局？
【发布时间】：2018-01-09 15:06:07
【问题描述】：

我的英语很差。所以我把视频扔了。我想任何看到这个的程序员都会明白其中的原因。提前谢谢你

我想学习如何正确使用 ReleaseativeLayout，因为 ConstainLayout 非常有问题。甚至在 Android Studio Canary 中使用它。

所以我现在使用 ReleativeLayout 和 LineartLayout。这些是最有效的 ViewGroup。我想。但结果全错了

XML 代码

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:theme="@style/ThemeOverlay.AppCompat.Dark"
    android:background="@drawable/login_faggot">

    <TextView
        android:gravity="center_horizontal"
        android:layout_above="@+id/plsLogin"
        android:text="Welcome."
        android:textSize="18sp"
        android:textColor="@color/white"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
    <TextView
        android:layout_marginBottom="25dp"
        android:textSize="16sp"
        android:textColor="@color/grayBg"
        android:gravity="center_horizontal"
        android:id="@+id/plsLogin"
        android:layout_above="@+id/editLogin"
        android:text="Please Login."
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

    <TextView
        android:background="@color/white"
        android:layout_alignLeft="@+id/editLogin"
        android:layout_alignBaseline="@+id/editLogin"
        android:layout_marginStart="50dp"
        android:layout_width="1dp"
        android:layout_height="wrap_content"/>
    <TextView
        android:background="@color/white"
        android:layout_alignLeft="@+id/editPass"
        android:layout_alignBaseline="@+id/editPass"
        android:layout_marginStart="50dp"
        android:layout_width="1dp"
        android:layout_height="wrap_content"/>
    <EditText
        android:paddingStart="20dp"
        android:drawableStart="@drawable/ic_mail_white_24dp"
        android:drawablePadding="15dp"
        android:hint="@string/user_name"
        android:layout_alignStart="@+id/buttonLogin"
        android:layout_alignEnd="@+id/buttonLogin"
        android:layout_above="@+id/editPass"
        android:id="@+id/editLogin"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
    <EditText
        android:drawableStart="@drawable/ic_lock_white_24dp"
        android:paddingStart="20dp"
        android:drawablePadding="15dp"
        android:hint="@string/password"
        android:layout_alignEnd="@+id/buttonLogin"
        android:layout_alignStart="@+id/buttonLogin"
        android:layout_above="@+id/linearLayout"
        android:id="@+id/editPass"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

    <LinearLayout
        android:layout_marginStart="15dp"
        android:id="@+id/linearLayout"
        android:layout_above="@+id/buttonLogin"
        android:layout_alignEnd="@+id/buttonLogin"
        android:layout_alignStart="@+id/buttonLogin"
        android:layout_width="match_parent"
        android:layout_marginBottom="50dp"
        android:layout_height="wrap_content">
        <CheckBox
            style="@style/Widget.AppCompat.CompoundButton.RadioButton"
            android:id="@+id/radioButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Remember Me"
            android:paddingStart="15dp"
            android:textColor="@color/white"/>

        <TextView
            android:visibility="invisible"
            android:id="@+id/textView"
            android:textColor="@color/white"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="end"
            android:text="Forgot Password"/>
    </LinearLayout>

    <android.support.v7.widget.AppCompatButton
        android:id="@+id/buttonLogin"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="30dp"
        android:layout_marginStart="30dp"
        android:background="@drawable/button_round_corner"
        app:backgroundTint="@color/colorOrangeUsSite"
        android:text="@string/login"
        android:textColor="@color/white"/>

    <FrameLayout
        android:background="@color/black"
        android:alpha="0.8"
        android:visibility="gone"
        android:id="@+id/layoutProgressBar"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ProgressBar
            android:theme="@style/ProgressBar"
            android:layout_gravity="center"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </FrameLayout>
</RelativeLayout>

【问题讨论】：

如果你改成 ConstraintLayout，那么 bug 就会消失，一切都开始正常工作了

标签： java android xml layout viewgroup

【解决方案1】：

只需在父布局下方再添加一个相对布局，并为其设置Gravity

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:theme="@style/ThemeOverlay.AppCompat.Dark"
android:background="@drawable/login_faggot">

<RelativeLayout
    android:layout_width="match_parent"
    android:gravity="center"
    android:layout_height="match_parent">

<TextView
    android:gravity="center_horizontal"
    android:layout_above="@+id/plsLogin"
    android:text="Welcome."
    android:textSize="18sp"
    android:textColor="@color/white"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>
<TextView
    android:layout_marginBottom="25dp"
    android:textSize="16sp"
    android:textColor="@color/grayBg"
    android:gravity="center_horizontal"
    android:id="@+id/plsLogin"
    android:layout_above="@+id/editLogin"
    android:text="Please Login."
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

<TextView
    android:background="@color/white"
    android:layout_alignLeft="@+id/editLogin"
    android:layout_alignBaseline="@+id/editLogin"
    android:layout_marginStart="50dp"
    android:layout_width="1dp"
    android:layout_height="wrap_content"/>
<TextView
    android:background="@color/white"
    android:layout_alignLeft="@+id/editPass"
    android:layout_alignBaseline="@+id/editPass"
    android:layout_marginStart="50dp"
    android:layout_width="1dp"
    android:layout_height="wrap_content"/>
<EditText
    android:paddingStart="20dp"
    android:drawableStart="@drawable/ic_mail_white_24dp"
    android:drawablePadding="15dp"
    android:hint="@string/user_name"
    android:layout_alignStart="@+id/buttonLogin"
    android:layout_alignEnd="@+id/buttonLogin"
    android:layout_above="@+id/editPass"
    android:id="@+id/editLogin"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>
<EditText
    android:drawableStart="@drawable/ic_lock_white_24dp"
    android:paddingStart="20dp"
    android:drawablePadding="15dp"
    android:hint="@string/password"
    android:layout_alignEnd="@+id/buttonLogin"
    android:layout_alignStart="@+id/buttonLogin"
    android:layout_above="@+id/linearLayout"
    android:id="@+id/editPass"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

<LinearLayout
    android:layout_marginStart="15dp"
    android:id="@+id/linearLayout"
    android:layout_above="@+id/buttonLogin"
    android:layout_alignEnd="@+id/buttonLogin"
    android:layout_alignStart="@+id/buttonLogin"
    android:layout_width="match_parent"
    android:layout_marginBottom="50dp"
    android:layout_height="wrap_content">
    <CheckBox
        style="@style/Widget.AppCompat.CompoundButton.RadioButton"
        android:id="@+id/radioButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Remember Me"
        android:paddingStart="15dp"
        android:textColor="@color/white"/>

    <TextView
        android:visibility="invisible"
        android:id="@+id/textView"
        android:textColor="@color/white"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="end"
        android:text="Forgot Password"/>
</LinearLayout>

<android.support.v7.widget.AppCompatButton
    android:id="@+id/buttonLogin"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginEnd="30dp"
    android:layout_marginStart="30dp"
    android:background="@drawable/button_round_corner"
    app:backgroundTint="@color/colorOrangeUsSite"
    android:text="@string/login"
    android:textColor="@color/white"/>

</RelativeLayout>

<FrameLayout
    android:background="@color/black"
    android:alpha="0.8"
    android:visibility="gone"
    android:id="@+id/layoutProgressBar"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ProgressBar
        android:theme="@style/ProgressBar"
        android:layout_gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</FrameLayout>

【讨论】：

【解决方案2】：

只有父级布局的高度和宽度会匹配父级而不是子级。
您已输入 FrameLayout height="match_parent"

你必须像这样实现。

 <RelativeLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:gravity="center"
 android:theme="@style/ThemeOverlay.AppCompat.Dark"
 android:background="@drawable/login_faggot">

<TextView
android:gravity="center_horizontal"
android:layout_above="@+id/plsLogin"
android:text="Welcome."
android:textSize="18sp"
android:textColor="@color/white"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<TextView
android:layout_marginBottom="25dp"
android:textSize="16sp"
android:textColor="@color/grayBg"
android:gravity="center_horizontal"
android:id="@+id/plsLogin"
android:layout_above="@+id/editLogin"
android:text="Please Login."
android:layout_width="match_parent"
android:layout_height="wrap_content"/>

<TextView
android:background="@color/white"
android:layout_alignLeft="@+id/editLogin"
android:layout_alignBaseline="@+id/editLogin"
android:layout_marginStart="50dp"
android:layout_width="1dp"
android:layout_height="wrap_content"/>
<TextView
android:background="@color/white"
android:layout_alignLeft="@+id/editPass"
android:layout_alignBaseline="@+id/editPass"
android:layout_marginStart="50dp"
android:layout_width="1dp"
android:layout_height="wrap_content"/>
 <EditText
android:paddingStart="20dp"
android:drawableStart="@drawable/ic_mail_white_24dp"
android:drawablePadding="15dp"
android:hint="@string/user_name"
android:layout_alignStart="@+id/buttonLogin"
android:layout_alignEnd="@+id/buttonLogin"
android:layout_above="@+id/editPass"
android:id="@+id/editLogin"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<EditText
android:drawableStart="@drawable/ic_lock_white_24dp"
android:paddingStart="20dp"
android:drawablePadding="15dp"
android:hint="@string/password"
android:layout_alignEnd="@+id/buttonLogin"
android:layout_alignStart="@+id/buttonLogin"
android:layout_above="@+id/linearLayout"
android:id="@+id/editPass"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>

<LinearLayout
android:layout_marginStart="15dp"
android:id="@+id/linearLayout"
android:layout_above="@+id/buttonLogin"
android:layout_alignEnd="@+id/buttonLogin"
android:layout_alignStart="@+id/buttonLogin"
android:layout_width="match_parent"
android:layout_marginBottom="50dp"
android:layout_height="wrap_content">
<CheckBox
    style="@style/Widget.AppCompat.CompoundButton.RadioButton"
    android:id="@+id/radioButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Remember Me"
    android:paddingStart="15dp"
    android:textColor="@color/white"/>

<TextView
    android:visibility="invisible"
    android:id="@+id/textView"
    android:textColor="@color/white"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="end"
    android:text="Forgot Password"/>
  </LinearLayout>

 <android.support.v7.widget.AppCompatButton
android:id="@+id/buttonLogin"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginEnd="30dp"
android:layout_marginStart="30dp"
android:background="@drawable/button_round_corner"
app:backgroundTint="@color/colorOrangeUsSite"
android:text="@string/login"
android:textColor="@color/white"/>

<FrameLayout
android:background="@color/black"
android:alpha="0.8"
android:visibility="gone"
android:id="@+id/layoutProgressBar"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ProgressBar
    android:theme="@style/ProgressBar"
    android:layout_gravity="center"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
 </FrameLayout>
 </RelativeLayout>

【讨论】：