如何配置TextView最大宽度，确保RatingBar不被挤出父布局？

这个场景我在做电商评价列表的时候经常碰到，其实用Android原生的布局属性就能完美解决，给你分享两种最常用的实现方案：

这种方式上手快，适合布局层级不复杂的场景，核心思路是让TextView占据RatingBar之外的所有剩余空间：

• 外层用水平方向的LinearLayout，确保两个控件横向排列
• 给TextView设置三个关键属性：
  • android:layout_weight="1"：让TextView自动填充RatingBar之外的剩余空间
  • android:ellipsize="end"：文本过长时在末尾显示省略号
  • android:singleLine="true"（或android:maxLines="1"）：限制文本仅显示一行，避免换行挤压RatingBar
• RatingBar不需要设置weight，它会优先占据自身所需的宽度

示例代码：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center_vertical">

    <TextView
        android:id="@+id/tv_content"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:ellipsize="end"
        android:singleLine="true"
        android:text="这里是很长很长很长很长很长很长很长很长很长的文本内容"/>

    <RatingBar
        android:id="@+id/rating_bar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numStars="5"
        android:rating="3.5"
        android:isIndicator="true"/>

</LinearLayout>

如果你的页面本身用ConstraintLayout构建，这个方案更灵活，能更好地适配复杂布局场景：

• 给TextView设置约束和关键属性：
  • 左对齐父布局，右对齐RatingBar的左侧，形成左右约束
  • android:ellipsize="end" + android:maxLines="1"：开启省略号效果
  • app:layout_constrainedWidth="true"：强制TextView的宽度受左右约束限制，文本过长时自动触发省略号
• 给RatingBar设置约束：
  • 右对齐父布局，左对齐TextView的右侧
  • 垂直方向和TextView居中对齐，保证视觉上的整齐

示例代码：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/tv_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ellipsize="end"
        android:maxLines="1"
        android:text="这里是很长很长很长很长很长很长很长很长很长的文本内容"
        app:layout_constrainedWidth="true"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@id/rating_bar"
        app:layout_constraintTop_toTopOf="parent"/>

    <RatingBar
        android:id="@+id/rating_bar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numStars="5"
        android:rating="3.5"
        android:isIndicator="true"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@id/tv_content"
        app:layout_constraintTop_toTopOf="@id/tv_content"
        app:layout_constraintBottom_toBottomOf="@id/tv_content"/>

</androidx.constraintlayout.widget.ConstraintLayout>

注意事项 #

• 不管用哪种方案，必须同时设置单行限制和ellipsize属性，这是触发省略号的前提
• 如果需要让RatingBar和TextView垂直居中，LinearLayout可以设置android:gravity="center_vertical"，ConstraintLayout则通过垂直约束实现
• 如果RatingBar有固定宽度需求，直接给它设置android:layout_width="固定值"即可，不影响整体效果

内容的提问来源于stack exchange，提问作者Chathuranga Shan Jayarathna