如何在FrameLayout中将元素放置在彼此之下?

时间:2019-04-10 18:53:14

标签: android android-layout android-framelayout

我在布局中使用FrameLayout,并且按钮显示在第一个LinearLayout上方。我想将此按钮显示在第一个LinearLayout下,而不是将FrameLayout更改为LinearLayoutRelativeLayout。可能吗?尚未找到任何解决方案,仅将FrameLayout更改为LinearLayoutRelativeLayout

这是现在的样子:Screenshot

这是我的xml代码:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    android:id="@id/menu_container"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    style="@style/LeftDrawer"
    xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout
    android:id="@id/menu_user_profile"
    android:clickable="true"
    android:focusable="true"
    style="@style/MenuTopBox">
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginLeft="@dimen/activity_margin_horizontal"
        android:layout_weight="1.0">
        <ImageView
            android:id="@id/menu_avatar"
            android:background="@color/transparent"
            android:layout_width="@dimen/avatar_default_size"
            android:layout_height="@dimen/avatar_default_size"
            android:src="@drawable/ic_default_avatar"
            android:scaleType="fitCenter" />
        <ImageView
            android:id="@id/menu_avatar_photo"
            android:background="@color/transparent"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_logo_camera"
            android:scaleType="fitCenter"
            android:layout_alignBottom="@id/menu_avatar"
            android:layout_alignParentRight="true" />
    </RelativeLayout>
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="0.5">
        <TextView
            android:gravity="center_vertical"
            android:id="@id/menu_profile"
            android:layout_height="fill_parent"
            android:layout_marginLeft="@dimen/activity_margin_horizontal"
            android:layout_marginRight="@dimen/margin_micro"
            android:text="@string/menu_profile"
            android:textColor="@color/white"
            style="@style/TextBig" />
    </LinearLayout>
</LinearLayout>
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <Button
        android:id="@id/menu_logout_button"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/menu_logout_button"
        android:drawableLeft="@drawable/ic_menu_logout"
        style="@style/ButtonMenu" />
</LinearLayout>
</FrameLayout>

1 个答案:

答案 0 :(得分:0)

您的布局包含很多的嵌套视图,这可能会导致您的布局速度变慢,并且计算量超出所需。

我可以建议使用ConstraintLayout

但是为什么-这是一个简单的布局,旨在优化和展平布局的视图层次结构(意味着没有嵌套视图),从而缩短了布局的加载时间。

此外,constraintLayout将节省很多时间,因为使用它进行布局非常简单。

这是一个布局示例,看起来像您要使用constraintLayout:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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">


<Button
    android:id="@+id/button3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:layout_marginTop="8dp"
    android:text="Button"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<TextView
    android:id="@+id/textView8"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:text="text"
    android:textSize="18sp"
    app:layout_constraintBottom_toBottomOf="@+id/button3"
    app:layout_constraintStart_toEndOf="@+id/button3"
    app:layout_constraintTop_toTopOf="@+id/button3" />

<Button
    android:id="@+id/button4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="8dp"
    android:text="Button"
    app:layout_constraintEnd_toEndOf="@+id/button3"
    app:layout_constraintStart_toStartOf="@+id/button3"
    app:layout_constraintTop_toBottomOf="@+id/button3" />

<Button
    android:id="@+id/button5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:text="camera"
    app:layout_constraintBottom_toBottomOf="@+id/button4"
    app:layout_constraintStart_toEndOf="@+id/button4"
    app:layout_constraintTop_toTopOf="@+id/button4" />
</androidx.constraintlayout.widget.ConstraintLayout>