У меня небольшая проблема с ConstraintLayout в Android.
Обратите внимание на следующую иллюстрацию:
Iхотел бы обратить ваше внимание на ряд из трех представлений в центре: TextView и две кнопки.
Пунктирные вертикальные и горизонтальные линии представляют собой фиксированные ориентиры (выраженные в процентах от высоты / ширины экрана) и используются для ограничения этих видов до.
TextView ограничен во всех 4направления, как вы можете видеть.
Кнопка справа находится в трех направлениях: сверху, снизу и справа ... и имеет соотношение сторон 1: 1.
Теперь кнопкав середине ограничивается только сверху и снизу, а также имеет соотношение сторон 1: 1.
Пока все отлично ... но что, если мы хотим, чтобы все оставалось точното же самое, за исключением центрирования средней кнопки так, чтобы она имела одинаковое пространство справа и слева от нее?
Можно было бы ожидать, что простое применение горизонтальных ограничений к ближайшим соседям сработает ... но нет.
Это результат:
Итак ... размер кнопки увеличивается по некоторым причинам.Почему?
Мне кажется, что Android Studio применяет правило соотношения сторон 1: 1 (в данном случае), говоря «высота - это функция ширины ...», то есть ширина вычисляется первой (на основе вновь примененных ограничений) и, следовательно, имеет приоритет.
Если бы он просто сделал это наоборот и сказал, что "ширина = высота" с высотой, имеющей приоритет ... (так же, как это было док последним применяемым ограничениям), тогда все будет хорошо.
Итак ... другими словами, как вы можете центрировать "среднее" представление между двумя другими "правым" и "левым" представлениями и ещеподдержите:
1) Все три вида имеют одинаковую высоту, поскольку они связаны одинаковыми горизонтальными ограничениями.
2) Левый вид находится в фиксированном положении.
3) Правое представление имеет соотношение сторон 1: 1 и не может отделяться от его правой направляющей (фиксированное положение).
?
РЕДАКТИРОВАТЬ: я сделал следующий фрагмент XMLдля тех, кто хочетиграть с ним:
(Запомните три правила выше.Веселитесь!)
<?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="com.example.boober.deletethis.MainActivity">
<android.support.constraint.Guideline
android:id="@+id/guidelineH1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.45" />
<android.support.constraint.Guideline
android:id="@+id/guidelineH2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.55" />
<android.support.constraint.Guideline
android:id="@+id/guidelineV1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.50" />
<TextView
android:id="@+id/textView"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@color/colorPrimary"
android:text="1"
android:textAlignment="center"
android:gravity="center_vertical"
app:layout_constraintBottom_toTopOf="@+id/guidelineH2"
app:layout_constraintEnd_toStartOf="@+id/guidelineV1"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/guidelineH1" />
<Button
android:id="@+id/button"
android:layout_width="0dp"
android:layout_height="0dp"
android:text="3"
app:layout_constraintBottom_toTopOf="@+id/guidelineH2"
app:layout_constraintDimensionRatio="1:1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@+id/guidelineH1" />
<Button
android:id="@+id/button2"
android:layout_width="0dp"
android:layout_height="0dp"
android:text="2"
app:layout_constraintBottom_toTopOf="@+id/guidelineH2"
app:layout_constraintDimensionRatio="1:1"
app:layout_constraintTop_toTopOf="@+id/guidelineH1"
tools:layout_editor_absoluteX="219dp" />
</android.support.constraint.ConstraintLayout>