Расположение ограничений: Невозможно разделить элементы и сохранить их все на экране - PullRequest
0 голосов
/ 14 мая 2018

У меня есть простой макет ограничения, подобный следующему:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ListView
        android:id="@+id/main_list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@id/rescan"
        />

    <android.support.v7.widget.AppCompatButton
        android:id="@+id/rescan"
        android:layout_width="wrap_content"
        android:text="@string/rescan_button"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintBottom_toBottomOf="parent"
        />

</android.support.constraint.ConstraintLayout>

Несмотря на layout_constraintBottom_toTopOf="@id/rescan", просмотр списка потенциально продолжается на полпути через кнопку.

enter image description here

Чтобы попытаться исправить это, я добавил жестко закодированные размеры (что я предпочитаю не делать);к списку:

android:layout_marginBottom="50sp"

И к кнопке:

android:layout_height="40sp"
android:textSize="20sp"
android:layout_margin="10sp"

Однако потом я получил это (изображение эмулятора, вид дизайна также соответствует этому):

enter image description here

Кнопка находится на полпути от экрана.

Поэтому я решил убрать жестко закодированные размеры и использовать барьер. Страница для разработчиков неоднозначно говорит о том, как barrierDirection должен работать, но этот пример "constraintlayout.com" дает понять, что направление должно быть стороной, на которой вы хотите барьер вотношение к элементам, перечисленным в referenced_ids.Исходя из этого, вот что я имею в макете ограничений:

<ListView
    android:id="@+id/main_list"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toTopOf="@id/bottomBarrier"
    />

<android.support.constraint.Barrier
    android:id="@+id/bottomBarrier"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:barrierDirection="top"
    app:constraint_referenced_ids="@id/rescan"
    />

<android.support.v7.widget.AppCompatButton
    android:id="@+id/rescan"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/rescan_button"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintHorizontal_bias="0.5"
    />     

Но на самом деле дела не улучшаются ...

enter image description here

Невозможно сказать, но здесь барьер в самом низу .Это объясняет, почему представление списка с Bottom_toTopOf барьером также теперь распространяется до самого дна.

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

Еще больше бешенство: если я изменю направление на bottom и оставлю все остальное как есть, барьер прыгнет на самый верх, список просмотра прыгнет на полпути вверх по экрану, икнопка остается на месте.

Я совершенно сбит с толку.Мои два самых больших вопроса:

  1. Почему, на первом изображении, просмотр списка продолжается до половины кнопки, когда она установлена ​​снизу вверх кнопки?

  2. Почему на последнем изображении барьер с направлением "top" и ссылкой на идентификатор кнопки, ниже кнопки?

1 Ответ

0 голосов
/ 15 мая 2018

1.Ваша высота ListView's установлена ​​на wrap_content, что означает, что представление будет вычислять свой собственный размер, а ограничения не будут ограничивать размер.ConstraintLayout-1.1.0 ввел новые атрибуты, которые позволяют использовать wrap_content, но при этом продолжают применять ограничения для ограничения указанного измерения.Эти атрибуты:

app:layout_constrainedWidth="true"
app:layout_constrainedHeight="true"

2.Что касается Barrier, существует ошибка в способе обращения к идентификатору представления:

app:constraint_referenced_ids="@id/rescan"

Это должно быть изменено на:

app:constraint_referenced_ids="rescan"
...