约束布局,宽度大于最大宽度时的中心

时间:2017-10-31 14:40:24

标签: android android-constraintlayout

我有两个文本视图。它的两边都有固定的边距。文本应左对齐,但在宽度> gt的大型设备上提到的最大宽度,textview应居中而不是左对齐。我无法将这个集中在大型设备上。

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

    <android.support.v7.widget.AppCompatTextView
        android:id="@+id/title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:gravity="start"
        android:text="@{title}"
        android:textColor="?colorShade1"
        android:textSize="60dp"
        android:layout_marginTop="20dp"
        app:layout_constraintBottom_toTopOf="@id/subTitle"
        app:layout_constraintEnd_toEndOf="@+id/guidelineEnd"
        app:layout_constraintStart_toStartOf="@+id/guidelineStart"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintWidth_max="1280dp"
        app:layout_constraintHorizontal_bias="0.0"
        tools:text="Title" />

    <android.support.v7.widget.AppCompatTextView
        android:id="@+id/subTitle"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="3dp"
        android:layout_marginBottom="8dp"
        android:text="@{subTitle}"
        android:textColor="?colorShade1"
        android:textSize="32dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/guidelineEnd"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="@+id/title"
        app:layout_constraintTop_toBottomOf="@+id/title"
        app:layout_constraintWidth_max="640dp"
        tools:text="SubTitleView" />

    <android.support.constraint.Guideline
        android:id="@+id/guidelineStart"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_begin="64dp" />

    <android.support.constraint.Guideline
        android:id="@+id/guidelineEnd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_end="64dp" />

</android.support.constraint.ConstraintLayout>

2 个答案:

答案 0 :(得分:0)

您需要在res / layout-large文件夹中使用您的布局副本,其中第二个布局将特定于大屏幕。

详见:https://developer.android.com/training/multiscreen/screensizes.html 在别名

答案 1 :(得分:-1)

使用app:layout_constraintWidth_max

这会将LinearLayout在约束布局中居中,保持40dp的水平边距,直到达到414dp的宽度:

<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">
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="40dp"
            android:layout_marginEnd="40dp"
            app:layout_constraintWidth_max="414dp"
            android:orientation="vertical"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintBottom_toBottomOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>