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

今年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




    

    

        


arrays.xml



    
        12sp
        24sp
        36sp
        48sp
        60sp
        72sp
        84sp
    


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所示。

Android O —— Autosizing TextViews 自动调整文本大小的TextView_第1张图片

图1


可以看到,

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

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

Android O —— Autosizing TextViews 自动调整文本大小的TextView_第2张图片

图2


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


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

源码点此



你可能感兴趣的:(Android O —— Autosizing TextViews 自动调整文本大小的TextView)