1、layout_constrainedWidth和wrap_content的配合使用實現(xiàn)如下效果
當(dāng)textView1中的文字只有少數(shù)的時候全部靠左顯示,字?jǐn)?shù)超多的時候只在結(jié)尾利用android:ellipsize="end"屬性對超出的文字顯示...,而textView2中顯示數(shù)量,如下圖
-
a. 文字少的時候效果,圖1
圖1 -
b.文字多的時候效果,圖2
圖2
具體實現(xiàn)代碼如下
使用鏈?zhǔn)讲季?br>
app:layout_constraintHorizontal_chainStyle="spread_inside"讓兩個View分布子左右兩側(cè),但是textView1是android:layout_width="wrap_content"的非精確布局,這就會導(dǎo)致android:ellipsize="end"失效,此時app:layout_constrainedWidth="true"作用就來了。
具體功能:將layout_constrainedWidth設(shè)置為 true 可讓水平尺寸發(fā)生更改,以遵循約束條件。默認(rèn)情況下,設(shè)置為 WRAP_CONTENT 的 widget 不受約束條件的限制 參考Google文檔。
最終實現(xiàn)代碼如下
<?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>

