layout_constrainedWidth无法正常工作

Question

我有一个ConstraintLayout中的EditText和TextView。TextView显示EditText的内容。

输入时，我需要EditText扩展到屏幕中间，并使TextView跟随并填充第二半部分。

我将指南设置为50％，并对两个小部件使用wrap_content和layout_constrainedWidth。

这是我的xml：

<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"
tools:context="com.manualuser.android.polygon.MainActivity">

<EditText
    android:id="@+id/editText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="16dp"
    android:layout_marginTop="16dp"
    android:inputType="textNoSuggestions"
    android:minWidth="1dp"
    android:scrollHorizontally="true"
    app:layout_constrainedWidth="true"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toLeftOf="@+id/guideline"
    app:layout_constraintTop_toTopOf="parent"/>

<HorizontalScrollView
    android:id="@+id/horizontalScrollView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constrainedWidth="true"
    app:layout_constraintBottom_toBottomOf="@+id/editText"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintLeft_toRightOf="@+id/editText"
    app:layout_constraintRight_toRightOf="parent">

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:maxLines="1"
        android:scrollHorizontally="true"
        android:singleLine="true"
        app:layout_constrainedWidth="true"
        app:layout_constraintBaseline_toBaselineOf="@+id/editText"
        app:layout_constraintEnd_toStartOf="@+id/textView"
        app:layout_constraintStart_toEndOf="@+id/editText"/>
</HorizontalScrollView>

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

</android.support.constraint.ConstraintLayout>

当TextView到达屏幕的末端时，它会覆盖EditText并向左移动。

当我将TextView的layout_width设置为match_constraint时，它按预期工作。但是如果我将其设置为wrap_content，该怎么办？

- Aleksey Bulin

---

给定 layout_width 为 0dp。 - wick.ed

@wick.ed，使用match_constraint可以正常工作，但为什么wrap_content不起作用？ - Aleksey Bulin

不要将宽度设置为0dp。constrainedWidth应该与wrap_content一起使用。如果您使用0dp，则什么也不会发生。 - Tim

我也遇到了这个问题。是否已经提交了错误报告？源代码似乎使用了EXACTLY而不是AT_MOST与constrainedWidth一起使用。 - dta

Answer 1

我遇到了一个非常类似的问题。 基本上我观察到，当app:layout_constraintHorizontal_bias设置为0.0时，它的工作方式会变得奇怪。

所以，如果你改变

app:layout_constraintHorizontal_bias="0.0"

到

app:layout_constraintHorizontal_bias="0.001"

它应该可以工作（至少对我而言是有效的）

如果你有时间，请将其报告为错误。这甚至是在2.0.0-beta2中存在的问题。

- svkaka

Answer 2

只需要进行一个小改动，将horizontalScrollView的宽度设置为0dp或者与约束匹配。这样它就不会遮盖EditText，两者都将占据一半的空间。不过，为了检查，我在下面放置了修改后的代码。

<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"
    tools:context="com.manualuser.android.polygon.MainActivity">

    <EditText
        android:id="@+id/editText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="16dp"
        android:layout_marginTop="16dp"
        android:inputType="textNoSuggestions"
        android:minWidth="1dp"
        android:scrollHorizontally="true"
        app:layout_constrainedWidth="true"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/guideline"
        app:layout_constraintTop_toTopOf="parent"/>

    <HorizontalScrollView
        android:id="@+id/horizontalScrollView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constrainedWidth="true"
        app:layout_constraintBottom_toBottomOf="@+id/editText"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintLeft_toRightOf="@+id/editText"
        app:layout_constraintRight_toRightOf="parent">

        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginEnd="8dp"
            android:layout_marginStart="8dp"
            android:maxLines="1"
            android:scrollHorizontally="true"
            android:singleLine="true"
            app:layout_constrainedWidth="true"
            app:layout_constraintBaseline_toBaselineOf="@+id/editText"
            app:layout_constraintEnd_toStartOf="@+id/textView"
            app:layout_constraintStart_toEndOf="@+id/editText" />
    </HorizontalScrollView>

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

</android.support.constraint.ConstraintLayout>

希望能有所帮助！

- Harsh Jain

---

看起来这段代码没有包含你建议的更改？ - Tim

@TimCastelijns 抱歉，horizontalScrollView的宽度需要匹配约束或设置为0dp。 - Harsh Jain

是的，它可以与match_constraint一起使用。但我的问题是为什么wrap_content与layout_constrainedWidth配合使用时不能以同样的方式工作。当scrollView到达屏幕末端时，为什么它不遵守左侧约束条件？ - Aleksey Bulin

我需要澄清为什么我想使用wrap_content：如果我在TextView右侧添加另一个小部件，并在屏幕末尾时成为其右约束，那该怎么办？match_constraint在这里没有用处吗？ - Aleksey Bulin

@AlekseyBulin 嗯，我认为match_constraint会起作用，因为当您添加另一个小部件时，可以将textView的右约束添加到新小部件的左约束和小部件右约束到屏幕末端。这可能有效，并且当我们指定match_constarint时，它显示0dp，即它只占据剩余或相应地给予的空间。希望这能澄清问题。如果需要，我可以帮助对此代码进行更多修改。 - Harsh Jain

@harshjain 这样最后一个小部件将会固定在屏幕末端，不会随着输入而跟随TextView。但我想看看你的代码。 - Aleksey Bulin