【问题标题】:ConstraintLayout last view is getting croppedConstraintLayout 最后一个视图被裁剪
【发布时间】:2018-05-30 22:37:54
【问题描述】:

在我的布局中,最后一个视图(蓝色文本)被裁剪,如下图所示。

我的 ConstraintLayout 设置如下

<?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"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

   <ImageView
        android:id="@+id/ivIcon"
        android:layout_width="24dp"
        android:layout_height="24dp"
        android:layout_marginEnd="10dp"
        android:layout_marginTop="10dp"
        android:background="@color/blue"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <TextView
        android:id="@+id/tvMain"
        style="@style/ActorTextMainOne"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="20dp"
        android:layout_marginTop="28dp"
        android:text="28"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <TextView
        android:id="@+id/tvSecondaryOne"
        style="@style/ActorTextSecondary"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="4dp"
        android:text="Jun"
        app:layout_constraintBottom_toTopOf="@+id/tvSecondaryTwo"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/tvMain"/>

    <TextView
        android:id="@+id/tvSecondaryTwo"
        style="@style/ActorTextSecondary"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="12dp"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="4dp"
        android:text="2017"
        app:layout_constraintBottom_toBottomOf="@+id/tvMain"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/tvMain"/>

    <TextView
        android:id="@+id/tvDescription"
        style="@style/ActorTextDescription"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_marginTop="4dp"
        android:text="@string/arrival_date"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/tvMain"
        app:layout_constraintTop_toBottomOf="@+id/tvSecondaryTwo"/>

</android.support.constraint.ConstraintLayout>

使用的 ConstraintLayout 版本是 1.0.2

我想我在这里遗漏了一些明显的东西,但我无法弄清楚。如何使底部的蓝色文本完全可见,同时保持 ConstraintLayout 的高度为wrap_content

【问题讨论】:

    标签: android android-constraintlayout


    【解决方案1】:

    尝试改变

    app:layout_constraintTop_toBottomOf="@+id/tvSecondaryTwo"
    

    app:layout_constraintTop_toBottomOf="@+id/tvMain"
    

    对于 ID 为 tvDescription 的文本视图

    这使得 id 为 tvDescription 的 textview 低于 id 为 tvMain 的 textview。

    【讨论】:

    • 这确实显示了整个蓝色文本。但是,它受到 tvSecondaryTwo 的限制,以克服由 tvMain 引起的额外底部空间。抱歉,我在最初的问题中没有提到这一点。您能否解释一下为什么它在受限于 tvSecondaryTwo 时不起作用?
    • 我不明白“tvMain 造成的额外空间”?
    • 大文本视图导致额外的顶部和底部填充。与这里问的问题相同stackoverflow.com/questions/6593885/…
    • 文本视图是 wrap_content。但是,如果您增加 textsize,您将看到该空间。文本视图没有在 xml 中看到的文本填充。您可以尝试发布的链接中的解决方案。我没有尝试过那里提到的任何解决方案。
    • @MuchOverflow 如果您使用 tvSecondaryTwo 代替 imgur.com/8xj9SOU,您可以查看它的外观。您的 tvDescription 的 textMain 剪辑。空间问题与 textview 及其大小的约束布局无关
    猜你喜欢
    • 2014-07-29
    • 2013-08-26
    • 1970-01-01
    • 1970-01-01
    • 2017-03-30
    • 1970-01-01
    • 1970-01-01
    • 2021-05-28
    • 1970-01-01
    相关资源
    最近更新 更多