Выровнять вид по левому и правому положению другого вида, ограничить компоновку?

Мне нужно создать представление, как показано ниже, с помощью макета ограничений. Выровнять вид по левому и правому положению другого вида, ограничить компоновку?

Это мой 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"
android:background = "@color/White">

<View
    android:id = "@+id/left"
    android:layout_width = "match_parent"
    android:layout_height = "5dp"
    android:layout_marginLeft = "20dp"
    android:layout_marginTop = "120dp"
    android:background = "@android:color/holo_orange_dark"
    app:layout_constraintLeft_toLeftOf = "parent"
    app:layout_constraintLeft_toRightOf = "@+id/or"
    app:layout_constraintTop_toTopOf = "parent" />

<TextView
    android:id = "@+id/or"
    android:layout_width = "wrap_content"
    android:layout_height = "wrap_content"
    android:layout_marginTop = "100dp"
    android:text = "OR"
    android:textSize = "40sp"
    app:layout_constraintLeft_toLeftOf = "parent"
    app:layout_constraintRight_toRightOf = "parent"
    app:layout_constraintTop_toTopOf = "parent" />

<View
    android:id = "@+id/right"
    android:layout_width = "match_parent"
    android:layout_height = "5dp"
    android:layout_marginTop = "120dp"
    android:layout_marginRight = "10dp"
    android:background = "@android:color/holo_red_dark"
    app:layout_constraintLeft_toLeftOf = "parent"
    app:layout_constraintRight_toLeftOf = "@+id/or"
    app:layout_constraintTop_toTopOf = "parent" />

    </android.support.constraint.ConstraintLayout>

В соответствии с приведенным выше кодом представления перекрываются друг с другом. Я хочу, чтобы один вид был слева от textview, а другие - справа.

stackoverflow.com/a/42870539/6648201

— 18.03.2019 13:43

android android-layout android-view android-xml android-constraintlayout

18.03.2019 13:40

Коллекции (ArrayList , HashSet , HashMap)

1 920

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Ответ принят как подходящий

You can use chain for that For more detail about chain check: https://constraintlayout.com/basics/create_chains.html

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


    <View
        android:id = "@+id/left"
        android:layout_width = "0dp"
        android:layout_height = "5dp"
        android:layout_marginTop = "125dp"
        android:layout_marginEnd = "@dimen/_5sdp"
        android:layout_marginStart = "@dimen/_5sdp"
        app:layout_constraintHorizontal_weight = "1"
        android:background = "@android:color/holo_orange_dark"
        app:layout_constraintEnd_toStartOf = "@+id/or"
        app:layout_constraintHorizontal_chainStyle = "spread_inside"
        app:layout_constraintStart_toStartOf = "parent"
        app:layout_constraintTop_toTopOf = "parent" />

    <TextView
        android:id = "@+id/or"
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:layout_marginTop = "100dp"
        android:text = "OR"
        android:textSize = "40sp"
        app:layout_constraintHorizontal_weight = "1"
        app:layout_constraintEnd_toStartOf = "@+id/right"
        app:layout_constraintStart_toEndOf = "@+id/left"
        app:layout_constraintTop_toTopOf = "parent" />

    <View
        android:id = "@+id/right"
        android:layout_width = "0dp"
        android:layout_height = "5dp"
        android:layout_marginStart = "@dimen/_5sdp"
        android:layout_marginEnd = "@dimen/_5sdp"
        app:layout_constraintHorizontal_weight = "1"
        android:background = "@android:color/holo_red_dark"
        app:layout_constraintEnd_toEndOf = "parent"
        app:layout_constraintStart_toEndOf = "@+id/or"
        app:layout_constraintTop_toTopOf = "@+id/left" />

</androidx.constraintlayout.widget.ConstraintLayout>

мне также нужно иметь левое и правое поле для левого и правого представления, которое не работает для этого

— 18.03.2019 13:55

для запаса, так как я использовал вес, чтобы вы могли снять цепь, а также это работает

— 18.03.2019 14:12

18.03.2019 13:48

Вот код со следующим результатом

<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"
android:background = "@color/white">

<View
    android:id = "@+id/left"
    android:layout_width = "wrap_content"
    android:layout_height = "5dp"
    android:layout_marginLeft = "20dp"
    android:layout_marginTop = "120dp"
    android:layout_marginEnd = "10dp"
    android:background = "@android:color/holo_orange_dark"
    app:layout_constraintRight_toLeftOf = "@+id/or"
    app:layout_constraintTop_toTopOf = "parent" />

<TextView
    android:id = "@+id/or"
    android:layout_width = "wrap_content"
    android:layout_height = "wrap_content"
    android:layout_marginTop = "100dp"
    android:text = "OR"
    android:textSize = "40sp"
    app:layout_constraintLeft_toLeftOf = "parent"
    app:layout_constraintRight_toRightOf = "parent"
    app:layout_constraintTop_toTopOf = "parent" />

<View
    android:id = "@+id/right"
    android:layout_width = "wrap_content"
    android:layout_height = "5dp"
    android:layout_marginStart = "10dp"
    android:layout_marginTop = "120dp"
    android:layout_marginRight = "10dp"
    android:background = "@android:color/holo_red_dark"
    app:layout_constraintLeft_toRightOf = "@+id/or"
    app:layout_constraintTop_toTopOf = "parent" />
</android.support.constraint.ConstraintLayout>

18.03.2019 14:00

Если вы немного подкорректируете свой код таким образом, вы получите желаемый результат.

<android.support.constraint.ConstraintLayout
    android:layout_width = "match_parent"
    android:layout_height = "wrap_content">

    <View
        android:id = "@+id/left"
        android:layout_width = "0dp"
        app:layout_constraintHorizontal_weight = "1"
        android:layout_height = "5dp"
        android:layout_marginStart = "20dp"
        android:layout_marginTop = "120dp"
        android:background = "@android:color/holo_orange_dark"
        app:layout_constraintLeft_toLeftOf = "parent"
        app:layout_constraintRight_toLeftOf = "@id/or"
        app:layout_constraintTop_toTopOf = "parent"
         />

    <TextView
        android:id = "@+id/or"
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:layout_marginTop = "100dp"
        android:text = "OR"
        android:textSize = "40sp"
        app:layout_constraintLeft_toRightOf = "@id/left"
        app:layout_constraintRight_toLeftOf = "@id/right"
        app:layout_constraintTop_toTopOf = "parent" />

    <View
        android:id = "@+id/right"
        android:layout_width = "0dp"
        app:layout_constraintHorizontal_weight = "1"
        android:layout_height = "5dp"
        android:layout_marginTop = "120dp"
        android:layout_marginRight = "10dp"
        android:background = "@android:color/holo_red_dark"
        app:layout_constraintLeft_toRightOf = "@id/or"
        app:layout_constraintRight_toRightOf = "parent"
        app:layout_constraintTop_toTopOf = "parent" />


</android.support.constraint.ConstraintLayout>

18.03.2019 14:40

Другие вопросы по теме

Внешний вид диалогового окна настройки нижнего листа

Арабская расширяемая строка не отображается, когда она сделана кликабельной

Как реализовать ProgressBar, работающий поверх затемненного фона?

Верхняя панель действий блокирует просмотр карт

Как выполнить поиск в recyclerView, который заполняется из базы данных SQLite?

Я хотел бы иметь кнопку рисования по горизонтали с подсказкой верхней позиции

Как должен отличаться пользовательский интерфейс Android? Плотность (DPI) в зависимости от размера экрана? Лучшая практика для подражания?

Как добавить прокрутку веб-просмотра в scrollView

Как изменить значок и ярлык на панели действий

Как сделать кривую панель инструментов и вкладку?

Выровнять вид по левому и правому положению другого вида, ограничить компоновку?

Ответы 3

Другие вопросы по теме

Похожие вопросы