Anroid深入--TextView不定长度的文字显示适配方案

背景

当我们编写APP的时候，可能会涉及多语言的问题，不同语言下的相同字段，其长度不尽相同；也可能会遇到动态展示一条长度不固定的信息。而不同的长度的TextView可能会引起布局被挤压，文字显示不全、重叠等异常。严重者则可能遮挡按钮，造成功能异常。

方案

当前，Google的TextView功能已经非常完善，合理应用其参数，仅从布局层面就足以适配大多数文字长度不固定的情况。目前比较通用的方案有：1、文字显示不下的时候，使用省略号。2、文字显示不下时，使用跑马灯效果展示。3、文字大小自适应。下面，就一一来说明三种方案的特点及用法。

省略号方案

顾名思义，即显示不下的内容，使用省略号代替。效果图如下：

这种方案适合用于没必要展示全部信息，并且TextView大小有限制的情况下。下面介绍一下具体实现方法：
布局文件中，TextView新增属性android:ellipsize即可：

属性	效果
android:ellipsize=“start”	省略号在头部
android:ellipsize=“middle”	省略号在头部
android:ellipsize=“end”	省略号在头部

代码示例：

    <!--必要属性：ellipsize,参数不同，省略号位置不同 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="方案1，省略号："
        android:textSize="12dp" />
    <!--省略号在头部-->
    <TextView
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent"
        android:ellipsize="start"
        android:maxLines="2"
        android:singleLine="true"
        android:text="@string/test" />
    <!--省略号在中部-->
    <TextView
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimary"
        android:ellipsize="middle"
        android:singleLine="true"
        android:text="@string/test" />
    <!--省略号在尾部-->
    <TextView
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimaryDark"
        android:ellipsize="end"
        android:maxLines="1"
        android:text="@string/test" />

跑马灯方案

当文字显示不下的时候，会以跑马灯的形式进行展示。即横向滚动展示。效果图如下：

（emmm,做动态图太麻烦了，网上找了个图片示意一下··）

这种方案适用于TextView限制为一行，文本显示不下且必须展示完整的情况。
跑马灯显示必须使控件获得焦点，跑马灯滚动是否循环可控制。

属性	作用
android:ellipsize=“marquee”	切换为跑马灯模式
android:focusable=“true”	设置焦点
android:focusableInTouchMode=“true”	设置焦点（触屏）
android:marqueeRepeatLimit=“marquee_forever”	循环滚动文字（默认仅滚动一次）

注意：由于跑马灯模式必须获得焦点，而焦点默认一个界面只有一个。所以若想让一个界面上多个跑马灯TextView同时滚动，则需要自定义TextView，重写其isFocused()方法，使其始终返回true。
代码示例：

    <!--必要属性：ellipsize,focusable，focusableInTouchMode。-->
    <!--需跑马灯生效，则必须使控件获得焦点.所以多个控件同时跑马灯，则需要自定义控件重写isFocused()方法 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="方案2，跑马灯："
        android:textSize="12dp" />

    <TextView
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent"
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:marqueeRepeatLimit="marquee_forever"
        android:singleLine="true"
        android:text="@string/test" />

大小自适应方案

大小自适应，即TextView大小固定的情况下，文字大小则按照控件大小进行自适应调整。同一TextView不同大小呈现的效果图如下：

这种方案适用于文字长度变动不是特别大，且需完整展示，并且不是特别关注文字大小的情况。
这种方式可以控制文字的最小值与最大值。使文字在一定大小内根据TextView大小进行自适应。关键属性如下：

属性	作用
app:autoSizeTextType=“uniform”	设置为自适应模式
app:autoSizeMaxTextSize=“200dp”	设置为自适应模式
app:autoSizeMinTextSize=“2dp”	设置为自适应模式

注意：大小自适应，是Google在Android8.0以后加入的，所以此处使用了兼容包用法。可兼容Android8.0之下的手机。若使用 android:autoSizeTextType，则对Android8.0以下的手机兼容性较差。
代码示例：

    <!--必要属性：autoSizeMaxTextSize,autoSizeMinTextSize，autoSizeTextType。-->
    <!--注意：为兼容8.0以下的系统，关键属性需使用兼容包中的，即app:XXXX，而非android:XXXX-->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="方案3，大小自适应："
        android:textSize="12dp" />

    <TextView
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent"
        android:gravity="center"
        android:maxLines="1"
        android:text="@string/test"
        app:autoSizeMaxTextSize="200dp"
        app:autoSizeMinTextSize="2dp"
        app:autoSizeTextType="uniform" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@color/colorPrimary"
        android:gravity="center"
        android:maxLines="1"
        android:text="@string/test"
        app:autoSizeMaxTextSize="200dp"
        app:autoSizeMinTextSize="2dp"
        app:autoSizeTextType="uniform" />

总结

以上就是本次TextView适配的三种通用的方案，此处仅做简单介绍，细节请查阅网络资料或留言提问。