ConstraintLayout一些小技巧

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è),但是textView1android: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>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容