1、layout_constrainedWidth和wrap_content的配合使用实现如下效果
当textView1中的文字只有少数的时候全部靠左显示,字数超多的时候只在结尾利用android:ellipsize="end"属性对超出的文字显示...,而textView2中显示数量,如下图
-
a. 文字少的时候效果,图1
图1 -
b.文字多的时候效果,图2
图2
具体实现代码如下
使用链式布局
app:layout_constraintHorizontal_chainStyle="spread_inside"让两个View分布子左右两侧,但是textView1是android:layout_width="wrap_content"的非精确布局,这就会导致android:ellipsize="end"失效,此时app:layout_constrainedWidth="true"作用就来了。
具体功能:将layout_constrainedWidth设置为 true 可让水平尺寸发生更改,以遵循约束条件。默认情况下,设置为 WRAP_CONTENT 的 widget 不受约束条件的限制 参考Google文档。
最终实现代码如下
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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=".ConstraintLayoutActivity">
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@color/teal_200"
android:ellipsize="end"
android:gravity="center_vertical"
android:lines="1"
android:minHeight="50dp"
android:text="窗口顶部附近的视图检查器中包括若干布局属性的控件"
android:textSize="@dimen/public_20sp"
app:layout_constrainedWidth="true"
app:layout_constraintBottom_toBottomOf="parent"
android:layout_marginBottom="100dp"
app:layout_constraintEnd_toStartOf="@id/textView2"
app:layout_constraintHorizontal_chainStyle="spread_inside"
app:layout_constraintStart_toStartOf="parent" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@color/public_red_dot"
android:gravity="center"
android:minHeight="50dp"
android:text="TextView"
android:textColor="@color/white"
android:textSize="@dimen/public_20sp"
app:layout_constraintStart_toEndOf="@id/textView1"
app:layout_constraintBaseline_toBaselineOf="@id/textView1"
app:layout_constraintEnd_toEndOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

