Центрировать ImageView фиксированного размера по горизонтали в родительском ConstraintLayout

У меня довольно простой макет: ConstraintLayout, заполняющий весь экран, с одним большим CardView, вверху которого есть ImageView, который наполовину находится на CardView, а наполовину над ним (на самом деле не наполовину, но вы поняли).

Однако есть две проблемы: ImageView прилипает слева от родителя, и я не знаю, как сделать его горизонтально центрированным — все, что я могу найти в Google, — это цепочки для нескольких элементов, но я просто хочу, чтобы один был центрирован.

Редактор макетов у меня работает крайне плохо. Моя первая жалоба заключается в том, что я, кажется, не могу создать ограничения для родителя. Затем я попытался центрировать ImageView по горизонтали в родительском элементе, нажав кнопку с надписью «Центрировать в родительском». Это увеличивает ширину CardView, но никак не влияет на ImageView.

Пока я этим занимаюсь, как я могу расположить ImageView поверх CardView по оси z?

Здесь макет:

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorPrimaryDark">
<android.support.v7.widget.CardView
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_marginBottom="32dp"
    android:layout_marginEnd="32dp"
    android:layout_marginStart="32dp"
    android:layout_marginTop="160dp"
    app:cardCornerRadius="12dp"
    app:cardElevation="32dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="parent">

</android.support.v7.widget.CardView>

<ImageView
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:layout_marginTop="40dp"
    android:scaleType="centerCrop"
    android:src="@drawable/re_zero"

    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

Thanks!


android android-layout android-constraintlayout
person Zackline    schedule 26.01.2017    source источник

Ответы (1)


arrow_upward
14
arrow_downward

Согласно документам:

Когда вы добавляете ограничение к обеим сторонам представления (и размер представления для одного и того же измерения является либо «фиксированным», либо «обертывающим содержимое»), представление по умолчанию становится центрированным между двумя опорными точками.

Добавление следующего ограничения привело к центрированию ImageView.

app:layout_constraintEnd_toEndOf="parent"

Кроме того, добавление более высокой высоты, чем CardView, зафиксировало z-индекс, поскольку высота имеет приоритет над z-индексом.

person Zackline    schedule 27.01.2017