Как сделать представление в ConstraintLayout больше, чем его родительский элемент? - PullRequest
Новая
       11

Как сделать представление в ConstraintLayout больше, чем его родительский элемент?

0 голосов
/ 12 июля 2020

У меня есть Activity с ConstraintLayout и представление в нем: 

<androidx.constraintlayout.widget.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=".presentation.MainActivity">

    <View
        android:id="@+id/backgroundView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/main_background" />

Я хочу, чтобы это представление было больше, чем его родительский элемент, например, 200dp с каждой стороны.

На iOS Я могу просто ограничить его (-Npt, -Npt, Npt, Npt) (слева, сверху, справа, снизу), чтобы достичь этого (на этом экране целевой вид - это фоновый вид с изображением шаблона):

введите описание изображения здесь

Но как правильно сделать на Android с ConstraintLayout

1 Ответ

0 голосов
/ 12 июля 2020

Этого можно добиться, установив два виджета 200dp x 200dp Space за пределами ConstraintLayout . (Это работает, но я не обязательно рекомендую его использовать. Мое единственное возражение было бы то, что это своего рода хакерский sh.)

Создайте два космических виджета размером 200dp x 200dp. Ограничьте нижний правый угол одного виджета верхним левым углом ConstraintLayout , а верхний левый угол другого виджета - правым нижним углом макета. Теперь ограничьте свой обзор внешними границами этого Space виджета. Вы не увидите 200dp за пределами границы ConstraintLayout со всех сторон. 

<androidx.constraintlayout.widget.ConstraintLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Space
        android:id="@+id/topLeft"
        android:layout_width="200dp"
        android:layout_height="200dp"
        app:layout_constraintBottom_toTopOf="parent"
        app:layout_constraintEnd_toStartOf="parent"/>

    <Space
        android:id="@+id/bottomRight"
        android:layout_width="200dp"
        android:layout_height="200dp"
        app:layout_constraintTop_toBottomOf="parent"
        app:layout_constraintStart_toEndOf="parent"/>

    <View
        android:id="@+id/backgroundView"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="@drawable/main_background"
        app:layout_constraintEnd_toEndOf="@id/bottomRight"
        app:layout_constraintBottom_toBottomOf="@id/bottomRight"
        app:layout_constraintStart_toStartOf="@id/topLeft"
        app:layout_constraintTop_toTopOf="@id/topLeft" />
</androidx.constraintlayout.widget.ConstraintLayout>

На изображении ниже вы можете увидеть слабый контур Space виджеты.

введите описание изображения здесь

...