今年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>
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就介绍到这里。有什么谬误,欢迎指正!