ConstraintLayout一些小技巧

1、layout_constrainedWidth和wrap_content的配合使用实现如下效果
textView1中的文字只有少数的时候全部靠左显示,字数超多的时候只在结尾利用android:ellipsize="end"属性对超出的文字显示...,而textView2中显示数量,如下图

  • a. 文字少的时候效果,图1


    图1
  • b.文字多的时候效果,图2


    图2

具体实现代码如下
使用链式布局
app:layout_constraintHorizontal_chainStyle="spread_inside"让两个View分布子左右两侧,但是textView1android: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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容