Android O —— Autosizing TextViews 自动调整文本大小的TextView

本文介绍了Android O中新增的Autosizing TextViews特性,它允许文本大小根据TextView的布局边界自动调整。文章详细讲解了粒度型和预置大小型两种模式,并提供了代码示例及实际案例展示,展示了文本大小如何随着布局尺寸变化而自动调整,以及达到设定范围边界后的行为。

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

今年Google将发布新的Android版本,代码为O,好奇又会用什么好吃的来给这个版本命名。现在,Google已经给出了Android O预览,介绍了新增的功能和开发兼容注意事项。今天,就让我们来看看其中一个 —— 自动调整文本大小的TextView —— 是怎么一回事。

简介

Autosizing TextViews,自动调整文本大小的TextView,意思就是说,当TextView的布局边界尺寸发生变化时,文本大小可以跟着自动缩放调整。文本调整到的值,是TextView能保证文本全部显示的最大值,而这个“最大”值达到设置的范围的最大、最小极值时,将不会随时TextView尺寸变化而进一步的变大或变小。

文本的自动缩放支持两种模式

  • 粒度型(Granularity)
  • 预置大小型(Preset sizes)

粒度型

此模式下,通过设置最小值和最大值来确定一个文本大小变化范围,然后设置一个变化粒度值,TextView就能够以该粒度值为增减变量,在变化范围内动态缩放文本大小。此模式下的文本大小变化,是在粒度控制下的均匀变化。

(1) 代码控制

可调用方法setAutoSizeTextTypeUniformWithConfiguration(int autoSizeMinTextSize, int autoSizeMaxTextSize, int autoSizeStepGranularity, int unit)设置文本自动缩放。其中,前三个参数分别指最小文本尺寸、最大文本尺寸和变化粒度值;第四个参数用来设置前三个参数的单位,TypedValue类型指定

(2) XML控制

可控制的相关属性包括:

autoSizeText:取值none(默认,表示不自动缩放)、uniform(横、纵缩放)

autoSizeMinTextSize:最小尺寸

autoSizeMaxTextSize:最大尺寸

autoSizeStepGranularity变化粒度

预置大小型

顾名思义,就是预置一个尺寸序列,然后TextView根据预置的值自动调整文本大小

(1) 代码控制

调用方法setAutoSizeTextTypeUniformWithPresetSizes(int[] presetSizes, int unit)进行设置。第一个参数是预置的尺寸变化数组;第二个参数用于指定尺寸单位,由TypedValue来确定。

(2) XML控制

autoSizeText:取值none(默认,不自动缩放),uniform(横、纵缩放)

autoSizePresetSizes:指定预置大小序列,为array数组


自动调整大小的TextView就简单介绍到这里。可能还不是特别明白,下面用个简单例子说明一下。

案例

此案例界面很简单,一个Checkbox控制采用预置大小模式还是粒度模式;两个Button分别控制TextView布局宽高的增大和减小,然后观察文本的尺寸变化。布局和代码如下。

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="16dp"
    android:orientation="vertical"
    tools:context="com.djx.autosizetextview.MainActivity">

    <CheckBox
        android:id="@+id/preset"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="false"
        android:text="使用预置"/>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/plus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="加大" />

        <Button
            android:id="@+id/minus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toEndOf="@+id/plus"
            android:text="缩小" />

    </LinearLayout>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            android:id="@+id/auto_textView"
            android:layout_width="60dp"
            android:layout_height="30dp"
            android:background="#2f00"
            android:layout_gravity="center"
            android:text="Hello Test"
            android:autoSizeMinTextSize="20sp"
            android:autoSizeMaxTextSize="80sp"
            android:autoSizeStepGranularity="2sp"
            android:autoSizeText="uniform" />

        <TextView
            android:id="@+id/auto_textView_preset_sizes"
            android:layout_width="60dp"
            android:layout_height="30dp"
            android:background="#20f0"
            android:layout_gravity="center"
            android:text="Hello Test"
            android:autoSizeText="uniform"
            android:autoSizePresetSizes="@array/preset_sizes"/>

    </FrameLayout>
</LinearLayout>


arrays.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <array name="preset_sizes">
        <item>12sp</item>
        <item>24sp</item>
        <item>36sp</item>
        <item>48sp</item>
        <item>60sp</item>
        <item>72sp</item>
        <item>84sp</item>
    </array>
</resources>


MainActivity.java

package com.djx.autosizetextview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.FrameLayout;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private TextView mAutoTv;
    private TextView mAutoTvPreset;
    private TextView mTarget;
    private float mChangeStep;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mChangeStep = getResources().getDisplayMetrics().density * 2;

        CheckBox isPreset = (CheckBox) findViewById(R.id.preset);
        Button plus = (Button) findViewById(R.id.plus);
        Button minus = (Button) findViewById(R.id.minus);
        mAutoTv = (TextView) findViewById(R.id.auto_textView);
        mAutoTvPreset = (TextView) findViewById(R.id.auto_textView_preset_sizes);

        updateTvVisibility(isPreset.isChecked());

        isPreset.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
                updateTvVisibility(b);
            }
        });
        plus.setOnClickListener(this);
        minus.setOnClickListener(this);
    }

    private void updateTvVisibility(boolean isPreset) {
        if (isPreset) {
            mAutoTvPreset.setVisibility(View.VISIBLE);
            mAutoTv.setVisibility(View.GONE);
            mTarget = mAutoTvPreset;
        } else {
            mAutoTvPreset.setVisibility(View.GONE);
            mAutoTv.setVisibility(View.VISIBLE);
            mTarget = mAutoTv;
        }
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case  R.id.plus:
            {
                FrameLayout.LayoutParams ll = (FrameLayout.LayoutParams) mTarget.getLayoutParams();
                ll.width += mChangeStep;
                ll.height += mChangeStep;
                mTarget.setLayoutParams(ll);
            }
            break;
            case R.id.minus:
            {
                FrameLayout.LayoutParams ll = (FrameLayout.LayoutParams) mTarget.getLayoutParams();
                ll.width -= mChangeStep;
                ll.height -= mChangeStep;
                mTarget.setLayoutParams(ll);
            }
            break;
        }
    }
}

采用粒度型时,不断点击加大,然后不断点击缩小来控制TextView的布局尺寸,TextView的变化如图1所示。


图1


可以看到,

  • TextView的文本大小随着布局尺寸的变大、缩小而自动地变大、缩小
  • 当文本大小达到设置的范围边界后,将不再继续变化
  • 自动调整的文本大小值,是能保证文本完全显示的最大值

勾选“使用预置”设置为预置大小型,TextView的变化过程如图2所示。


图2


可以看到,TextView的文本变化过程和粒度型基本一致,只是,此时的变化,不再像粒度型那样均匀,变化的值是由预置的一系列值所决定(此处即arrays中定义的preset_sizes数组,从12sp、24sp,…到84sp共七个预置值)。


好了,关于Android O的自动调整文本大小TextView就介绍到这里。有什么谬误,欢迎指正!

源码点此



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值