Как разместить элементы друг под другом в FrameLayout?

#android #android-layout #android-framelayout

#Android #android-макет #android-framelayout

Вопрос:

Я использую FrameLayout в своем макете, и сначала отображаются кнопки LinearLayout . Я хочу отобразить эту кнопку под первой LinearLayout и не менять FrameLayout на LinearLayout или RelativeLayout . Возможно ли это? Не нашел никакого решения, только для изменения FrameLayout на LinearLayout или RelativeLayout .

Вот как это выглядит сейчас: скриншот

Это мой 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:

Ваш макет содержит много вложенных представлений, это может привести к тому, что ваш макет будет работать медленнее и выполнять больше вычислений, чем нужно.

Я могу порекомендовать использовать 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>
  

Комментарии:

1. вы действительно проводили сравнительный анализ? Только сегодня мне пришлось заменить ConstraintLayout несколькими макетами, потому что это было медленнее, чем несколько макетов.

2. @EpicPandaForce Интересно, не могли бы вы уточнить? вы заменяете ConstraintLayout какими другими макетами? и есть ли вероятность, что у вас были вложенные представления внутри вашего ConstraintLayout? Потому что для многих разработчиков, работающих полный рабочий день, которых я знаю и работаю с ConstraintLayout решал почти все их потребности. итак, я хотел бы услышать от вас больше о вашей проблеме.

3. Я фактически заменил 1 ConstraintLayout на вертикальный LinearLayout, который содержал 3 ConstraintLayout и значительно улучшил скорость прокрутки. Вероятно, это был вопрос правильных ограничений и меньшей взаимозависимости.

4. Я действительно думаю, что у вас просто было какое-то неправильное ограничение, не отказывайтесь от этого макета, потому что я искренне верю, что это отличный макет. Для меня это экономит массу времени на создание макета и позволяет мне выделять больше времени на написание кода.