Правила компоновки ограничений

Question

Я пытаюсь установить левый и правый отступ для текстового блока, используя правила компоновки ограничений. Я хочу заполнить 11% со следующим кодом с обеих сторон. Однако, когда я пытаюсь установить отступы, это не отражается. Когда я использую только левую или правую, то это показывает, но при использовании как левой, так и правой направляющих при просмотре текста отступы не отражаются.

Вот код

            <android.support.constraint.ConstraintLayout
                android:id="@+id/contentLayout"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_below="@+id/centredIconLayout"
                android:layout_centerHorizontal="true"
                android:orientation="vertical">

                <TextView
                    android:id="@+id/title"
                    android:layout_width="wrap_content"
                    android:fontFamily="@font/gothamggm_bold"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="25dp"
                    android:text="@string/title_long"
                    android:textSize="17sp"
                    android:lineSpacingExtra="9sp"
                    android:textColor="@android:color/black"
                    app:layout_constraintLeft_toLeftOf="@+id/left_guideline"
                    app:layout_constraintRight_toLeftOf="@+id/right_guideline"
                    />

                <TextView
                    android:id="@+id/body"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentBottom="true"
                    android:layout_marginTop="13dp"
                    android:fontFamily="@font/gothamssm_book"
                    android:lineSpacingExtra="9sp"
                    android:text="@string/content_large"
                    android:textColor="@color/body_grey"
                    android:textSize="12sp"
                    app:layout_constraintTop_toBottomOf="@+id/title"
                    app:layout_constraintLeft_toLeftOf="@+id/left_guideline"
                    app:layout_constraintRight_toLeftOf="@+id/right_guideline"
                    />

                <android.support.constraint.Guideline
                    android:id="@+id/left_guideline"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    app:layout_constraintGuide_percent="0.11" />

                <android.support.constraint.Guideline
                    android:id="@+id/right_guideline"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    app:layout_constraintGuide_percent="0.89" />

            </android.support.constraint.ConstraintLayout>

Вот синяя печать, где оба вида текста (включенные в @ + id / contentLayout) находятся ниже вида изображения

Answer 1

Проблема в ширине просмотра текста . Вы установили его на wrap_content. Это создает проблему. просто измените его на match_constraints в редакторе макетов или установите ширину на 0dp в XML-коде вручную, и все будет работать нормально.