约束布局 TextView 重叠

Posted 2023-04-18

【中文标题】约束布局 TextView 重叠

【英文标题】：Constraint Layout TextView Overlap

【发布时间】：2018-03-15 13:41:35

【问题描述】：

我在约束布局中遇到了一些问题，其中我有一个支持多行的 TextView。当 TextView 展开时，它与约束布局内的其他组件重叠。下面是我正在使用的 XML 布局和一个 GIF 来演示。

任何帮助将不胜感激。

演示 -> https://puu.sh/xPFSF/3f6711a68f.gif

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:background="@color/activity_background"
    android:layout_
    android:layout_
    android:fillViewport="true">

<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_
    android:focusableInTouchMode="true"
    android:layout_>

    <android.support.constraint.Guideline
        android:layout_
        android:layout_
        android:id="@+id/leftGuideline"
        app:layout_constraintGuide_begin="20dp"
        android:orientation="vertical"/>

    <android.support.constraint.Guideline
        android:layout_
        android:layout_
        android:id="@+id/rightGuideline"
        app:layout_constraintGuide_end="20dp"
        android:orientation="vertical"/>

    <TextView
        android:id="@+id/subject"
        android:layout_
        android:layout_
        android:hint="@string/subject"
        android:layout_marginTop="20dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="@id/leftGuideline"
        app:layout_constraintEnd_toEndOf="@id/rightGuideline" />

    <EditText
        android:id="@+id/message"
        android:layout_
        android:layout_
        android:hint="@string/your_message"
        android:layout_marginTop="20dp"
        android:minLines="2"
        app:layout_constraintTop_toBottomOf="@id/subject"
        app:layout_constraintStart_toStartOf="@id/leftGuideline"
        app:layout_constraintEnd_toEndOf="@id/rightGuideline" />

    <Button
        android:id="@+id/sendMessageButton"
        android:layout_
        android:layout_
        android:layout_marginTop="20dp"
        android:text="@string/send_message"
        style="@style/button_main"
        app:layout_constraintVertical_bias="1"
        app:layout_constraintTop_toBottomOf="@id/message"
        app:layout_constraintStart_toStartOf="@id/leftGuideline"
        app:layout_constraintBottom_toTopOf="@+id/saveDraftButton"
        app:layout_constraintEnd_toEndOf="@id/rightGuideline" />

    <TextView
        android:id="@+id/saveDraftButton"
        android:layout_
        android:layout_
        android:text="@string/save_draft"
        android:layout_marginBottom="10dp"
        android:drawableStart="@drawable/icon_arrow"
        android:gravity="center_vertical"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="@id/leftGuideline"
        app:layout_constraintEnd_toEndOf="@id/rightGuideline" />

</android.support.constraint.ConstraintLayout>
</ScrollView>

编辑：删除了 RecyclerView，因为它不是必需的。 按要求，button_main 样式：

    <style name="button_main" parent="@style/button">
        <item name="android:textColor">@color/button_main_stateful_text</item>
        <item name="android:background">@drawable/primary_action_button</item>
        <item name="android:textSize">@dimen/h5_size</item>
        <item name="android:textAllCaps">false</item>
    </style>

button_main_stateful_text 和 primary_action_button 只是两个在颜色之间切换的选择器。

【问题讨论】：

分享代码@style/button_main

我可以知道 RecyclerView 吗？？

【参考方案1】：

scottazord 添加

 app:layout_constraintBottom_toTopOf="@+id/sendMessageButton"

到 EditText 应该可以解决您的问题。

EditText 完整代码是

   <EditText
        android:id="@+id/message"
        android:layout_
        android:layout_
        android:hint="your message"
        android:layout_marginTop="20dp"
        android:minLines="2"
        app:layout_constraintTop_toBottomOf="@id/subject"
        app:layout_constraintStart_toStartOf="@id/leftGuideline"
        app:layout_constraintEnd_toEndOf="@id/rightGuideline"
        app:layout_constraintBottom_toTopOf="@+id/sendMessageButton"/>

现在这应该可以解决您的问题