Соотношение сторон ConstraintLayout
Рассмотрим следующий файл макета:
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.constraint.ConstraintLayout
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#FF0000"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin">
<ImageView
android:layout_width="0dp"
android:layout_height="0dp"
android:background="#0000FF"
android:padding="16dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintDimensionRatio="H,3:1"
tools:layout_editor_absoluteX="16dp" />
</android.support.constraint.ConstraintLayout>
</RelativeLayout>
Я не уверен, как работает приложение: layout_constraintDimensionRatio. Мое понимание - это отношение всегда будет шириной: высота. Таким образом, 3: 1 всегда будет показывать изображение в 3 раза шире высоты. Префикс H или W указывает ConstraintLayout, какое измерение должно учитывать отношение. Если это H, то это означает, что ширина будет сначала вычисляться из других ограничений, а затем высота будет скорректирована в соответствии с соотношением сторон. Однако это результат компоновки:
![введите описание изображения здесь]()
Высота в 3 раза больше ширины, что является неожиданным. Может ли кто-нибудь объяснить мне, как размеры вычисляются относительно приложения: layout_constraintDimensionRatio?
Ответы
Ответ 1
Ваше понимание пути app:layout_constraintDimensionRatio
работает правильно. Если вы установите app:layout_constraintDimensionRatio="H,3:1"
, то это означает, что ширина будет сначала вычисляться из других ограничений, а затем высота будет скорректирована в соответствии с соотношением сторон. Единственная проблема с вашей реализацией заключается в том, что вы добавили app:layout_constraintBottom_toBottomOf="parent"
в ImageView, так что это вызвало игнорирование app:layout_constraintDimensionRatio
.
Здесь макет для размера вашего ImageView в соотношении сторон 3: 1:
<android.support.constraint.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"
android:background="#FF0000">
<ImageView
android:id="@+id/imageView"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginStart="16dp"
android:layout_marginTop="16dp"
android:layout_marginEnd="16dp"
android:background="#0000FF"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintDimensionRatio="H,3:1" />
</android.support.constraint.ConstraintLayout>
и вот результат:
![ImageView в соотношении 3: 1]()
Ответ 2
Взгляните на эти свойства ImageView
:
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
Эти свойства переопределяют layout_constraintDimensionRatio
, из-за которых ImageView
ограничивается нижней, верхней и левой частью основного родителя, в результате чего View
занимает левую, верхнюю и нижнюю части основного экрана.
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
Это будет одно из решений. Вы можете опустить layout_constraintBottom_toBottomOf
, если вы хотите, чтобы представление отображалось сверху или наоборот. Вероятно, было бы лучше всего удалить все вышеперечисленные ограничения, кроме layout_constraintDimensionRatio
, который был бы самым рекомендуемым решением.