android:ellipsize="end"在ConstraintLayout中无效的问题

最新推荐文章于 2021-08-12 23:20:13 发布

octopus_live

最新推荐文章于 2021-08-12 23:20:13 发布

阅读量4.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： ellipsize ConstraintLayout 省略号无效

本文链接：https://blog.youkuaiyun.com/qq_20187555/article/details/89639314

Android 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了在使用ConstraintLayout时遇到android:ellipsize="end"设置不生效的问题，原因是TextView的宽度超出了屏幕。通过深入理解ConstraintLayout的约束原理，修正了TextView的宽度约束，成功实现文字省略效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在项目中使用android:ellipsize="end"无效，经过排查，发现不是没有省略号，而是已经超出了屏幕。经过分析，我觉得是对ConstraintLayout不够了解，下面贴一下我之前的代码：

	<TextView
            android:id="@+id/tv_organization"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/app_spacing_8"
            android:layout_marginStart="@dimen/app_spacing_8"
            android:ellipsize="end"
            android:singleLine="true"
            android:textColor="@color/color_bebebe"
            android:textSize="10sp"
            app:layout_constraintBottom_toBottomOf="@id/tv_time"
            app:layout_constraintLeft_toRightOf="@id/tv_time"
            tools:text="测试ellipsize测试ellipsize测试ellipsize测试ellipsize测试ellipsize测试ellipsize"/>

  </android.support.constraint.ConstraintLayout>

坑爹的是，这种方式在预览界面是没问题的，运行在手机上却出现bug
预览界面可以看到末尾的省略号
想到我之前没有在ConstraintLayout中使用过这种方式，我读了一片相关博客，大概明白了来龙去脉，ConstraintLayout中的控件都要规定约束范围，之前的写法显然违背了这个原则，textview的最大宽度等于它的父布局的宽，加上左侧别的控件的宽度，导致超出了屏幕。明白了这一层，对textview的宽度做了约束，果然实现了最终效果。这是修改后的代码：

<TextView
            android:id="@+id/tv_organization"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/app_spacing_8"
            android:layout_marginStart="@dimen/app_spacing_8"
            android:ellipsize="end"
            android:singleLine="true"
            android:textColor="@color/color_bebebe"
            android:textSize="@dimen/app_text_size_10"
            app:layout_constraintBottom_toBottomOf="@id/tv_time"
            app:layout_constraintLeft_toRightOf="@id/tv_time"
            app:layout_constraintRight_toRightOf="parent"
            tools:text="测试ellipsize测试ellipsize测试ellipsize测试ellipsize测试ellipsize测试ellipsize"/>