Textview maxlines 取决于它的高度

Question

我有一个 textview，它的高度取决于 imageview 的高度大小，而图像的宽度是屏幕大小的 30%。我用 maxlines=2 和 ellipsize=end 设置 textview。它在 Nexus S 中运行良好，但在我们 Nexus 7 等大屏幕中效果不佳，因为 maxlines 保持 2 不更大。如何使maxlines更大取决于屏幕尺寸？

Nexus S

Nexus 7

这是代码

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_orientation="vertical">

    <TextView
        android:id="@+id/tvName"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Nama"
        android:textSize="24sp"
        android:textStyle="bold"
        android:layout_marginRight="8dp"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintLeft_toRightOf="@+id/ivPhotoProfile"
        android:layout_marginLeft="8dp"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginTop="8dp"
        app:layout_constraintHorizontal_bias="0.0"/>

    <TextView
        android:id="@+id/tvUsername"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="0dp"
        android:layout_marginRight="0dp"
        android:layout_marginTop="-1dp"
        android:text="Username"
        android:textSize="12sp"
        app:layout_constraintLeft_toLeftOf="@+id/tvName"
        app:layout_constraintRight_toRightOf="@+id/tvName"
        app:layout_constraintTop_toBottomOf="@+id/tvName"/>

    <TextView
        android:id="@+id/tvBio"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginBottom="0dp"
        android:layout_marginLeft="0dp"
        android:layout_marginRight="0dp"
        android:layout_marginTop="2dp"
        android:ellipsize="end"
        android:maxLines="2"
        android:text="@string/lorem_ipsum"
        android:textSize="14sp"
        app:layout_constraintBottom_toBottomOf="@+id/ivPhotoProfile"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintLeft_toLeftOf="@+id/tvUsername"
        app:layout_constraintRight_toRightOf="@+id/tvUsername"
        app:layout_constraintTop_toBottomOf="@+id/tvUsername"/>

    <ImageView
        android:id="@+id/ivPhotoProfile"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="0dp"
        android:layout_marginTop="8dp"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter"
        app:layout_constraintDimensionRatio="1:1"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/guideline2"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/profile_picture_default"/>

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

</android.support.constraint.ConstraintLayout>

Answer 1

尝试从<TextView android:id="@+id/tvBio" ... xml 中删除以下行：-

app:layout_constraintBottom_toBottomOf="@+id/ivPhotoProfile"

Answer 2

对于不同的屏幕尺寸，您必须支持多个屏幕。

参考资料：

https://developer.android.com/guide/practices/screens_support.html

Creating multi-screen support app android

http://mrbool.com/how-to-handle-multiple-screen-sizes-in-android/31291

Answer 3

不要设置你 ma​​xlines 只是让你的 textview android:ellipsize="end" 并将你的 textview 底部对齐到 imageview 底部它会根据大小自动采用 maxlines你的 textview 并保持你的 textview 与你的 imageview 对齐

Answer 4

这是我发现的这个问题的最佳解决方案：https://stackoverflow.com/a/46904071/6476816

为我工作，我的布局和你相似。