Как правильно собрать такой простой макет?

Question

[Александр Синицын]

Вроде все просто, но никак не клеится... с RelativeLayout не знаю как кнопки поставить на границу, а с CoordinatorLayout - кнопки на месте, так нижний лейаут наползает на верхний при match_parent.

Answer 1

[Юрий]

а если попробовать все завернуть в relative layout , фабы сделать align_bottom на linear_layout + margin_top сделать поовину высоты фаба?

Comments

[Александр Синицын]

А где взять половину высоты фаба?

[Юрий]

хардкод? он 18-24-32 дп идет, в зависимости от размера, емнип. можно еще databinding подтянуть, но чисто для такой заадачи врядли стоит.

[Александр Синицын]

Юрий: при align_bottom margin-top вообще никак не реагирует. Поставил below и отрицательные margin-top -24dp и -32dp вроде все как надо, если только размеры кнопок везде одинаковые и не изменятся в будущем ))

Спасибо.

[Юрий]

да не должны, они в андроид материал стайл гайде таким размером забиты.
Пожалуйста.

[Александр Синицын]

Юрий: Запустил. Кнопки оказались сдвинуты вниз. Убрал все отступы, все-равно кнопки сдвинуты.

[Юрий]

RelativeLayout xmlns:android="schemas.android.com/apk/res/android"
xmlns:app="schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

'''

у меня норм работает. возможно не все связи проставил?

[Юрий]

<?xml version="1.0" encoding="utf-8"?>
<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:orientation="vertical">

    <LinearLayout
        android:id="@+id/ll"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:background="@color/ok_color"
        android:orientation="vertical" />

    <android.support.v7.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/ll" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll"
        android:layout_marginRight="48dp"
        android:layout_marginTop="-20dp"
        android:layout_toLeftOf="@id/fab_2"
        app:fabSize="mini" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_below="@id/ll"
        android:layout_marginRight="16dp"
        android:layout_marginTop="-30dp"
        app:fabSize="normal" />
</RelativeLayout>

[Александр Синицын]

Юрий: Вот нашел https://codedump.io/share/UYhLXx4ZS4hT/1/android-d...

Answer 2

[Tiberal]

1) сделать рутовым CoordinatorLayout
2) fab позиционировать в LinearLayout
3) для этого LinearLayout применить атрибуты

app:layout_anchor="@id/линеар в шппке"
app:layout_anchorGravity="bottom|right"

4) profit