Android谷歌官方的自适应TextView字体大小的Autosizing。

╰半橙微兮° 2021-11-09 06:04 669阅读 0赞

## 一、什么是 Autosizeing？ ##

Autosizeing 允许 TextView 根据其内部文本的显示大小，动态的调整其 TextSize 属性值得大小，通过此设置，开发者可以很轻松的在具有动态内容的情况下，对不同的屏幕中，文本大小进行优化。

简单来说，一个 100dp 长度的 TextView ，正常来说只能显示 10 个 10dp 的文字，而如果它的内容超出了 10 个字，以前的通用做法，是通过属性设置，让它在末尾显示 “…” 。而采用了 Autosizeing 这个新特性，它的方案是将字体的尺寸缩小，例如缩小到 8dp，让 TextView 可以容纳下更多的文字，显示完全。而这一切，使用 Autosizeing 我们只需要设置一些属性就可以做到，非常的简单。  
![在这里插入图片描述][aHR0cHM6Ly91c2VyLWdvbGQtY2RuLnhpdHUuaW8vMjAxOC8xLzExLzE2MGUzYjVjNDMxODI5ZDU]  
上面这个 Gif 应该可以很直观的描述 Autosizeing 的特性，而它也反映出，触发 Autosizeing 重新计算 TextSize 的时机有两个：

TextView 中的文字增多到无法容纳的地步。  
TextView 本身的尺寸被放大或缩小了。

## 二、相关布局 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIxNDgwNjA3_size_16_color_FFFFFF_t_70]  
1.设置autoSizeTextType属性（开关）

android:autoSizeTextType="uniform"

2、指定最大、最小和梯度值

android:autoSizeMinTextSize="16sp"
      android:autoSizeMaxTextSize="80sp"
      android:autoSizeStepGranularity="2sp"

3.2、预设一组值，不自动递增  
首先在res/values/arrays.xml文件中预设一组值：

布局文件中实现：

<?xml version="1.0" encoding="utf-8"?>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:autoSizeTextType="uniform"
        android:autoSizePresetSizes="@array/autosize_text_sizes" />

注意：使用autoSizeTextType功能的控件，其高度和宽度慎用wrap\_content，这会引起一些不可预知的结果。

例子：  
![在这里插入图片描述][20190805111540225.png]

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <TextView
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_blue_bright"
            android:gravity="center"
            android:maxLines="1"
            android:text="神圣之光"
            android:textColor="@android:color/white"
            android:textSize="100dp" />
    
        <TextView
            android:id="@+id/text"
            android:layout_width="80dp"
            android:layout_height="wrap_content"
            android:autoSizeMaxTextSize="100dp"
            android:autoSizeMinTextSize="2dp"
            android:autoSizeTextType="uniform"
            android:background="@android:color/holo_red_light"
            android:gravity="center"
            android:maxLines="1"
            android:text="神圣之光"
            android:textColor="@android:color/white"
            android:textSize="100dp" />
    </LinearLayout>

目标是完整显示“神圣之光”字符串，两个TextView都特意把字体大小和TextView的宽度均设为100dp（故意制造无法完整显示完全的情景）。作为对比，蓝色的TextView没有做自适应处理，导致“神圣之光”只能显示一个“神”，而红色的做自适应处理，能自适应的缩小字体完整的显示全部文本“神圣之光”。  
注意：要把属性maxLines设置为1，否则可能会换行。  
例二  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIxNDgwNjA3_size_16_color_FFFFFF_t_70 1]  
<?xml version="1.0" encoding="utf-8"?>  
<com.zhy.android.percent.support.PercentLinearLayout  
xmlns:android=“[http://schemas.android.com/apk/res/android][http_schemas.android.com_apk_res_android]”  
xmlns:app=“[http://schemas.android.com/apk/res-auto][http_schemas.android.com_apk_res-auto]”  
android:layout\_width=“match\_parent”  
android:layout\_height=“wrap\_content”  
android:orientation=“vertical”>

<TextView
            android:layout_alignParentTop="true"
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#FF4081"
            app:layout_heightPercent="5%"
            app:layout_widthPercent="100%"
            android:autoSizeMaxTextSize="80dp"
            android:autoSizeMinTextSize="16dp"
            android:autoSizeTextType="uniform"
            android:text="我的好友"
            android:textSize="26dp"
            android:gravity="center"
            />
    
    </com.zhy.android.percent.support.PercentLinearLayout>
    关于百分比布局请见博客：https://blog.csdn.net/qq_21480607/article/details/98479065

[aHR0cHM6Ly91c2VyLWdvbGQtY2RuLnhpdHUuaW8vMjAxOC8xLzExLzE2MGUzYjVjNDMxODI5ZDU]: /images/20211109/f9103664af324124bc1d0c4cfd8464a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIxNDgwNjA3_size_16_color_FFFFFF_t_70]: /images/20211109/8071ee717e5f457caba14cfde657bedf.png
[20190805111540225.png]: /images/20211109/6b9ae29783514fc3a5ac936fa3997270.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIxNDgwNjA3_size_16_color_FFFFFF_t_70 1]: /images/20211109/bff5b2d6791a470f84e2a328c68287ca.png
[http_schemas.android.com_apk_res_android]: http://schemas.android.com/apk/res/android
[http_schemas.android.com_apk_res-auto]: http://schemas.android.com/apk/res-auto