APP開發實戰177-Autosizing TextViews(自動調整文字大小的TextViews)

自動調整文字大小的TextViews

 

Android O允許開發人員制定TextView，可以基於TextView的特性和邊界佈局自動放到文字或縮小文字以填充佈局空間。這使得更容易依據不同尺寸的螢幕和不同的文字內容優化文字尺寸。

從26.0 Beta版的支援庫開始，支援此功能執行在裝了Android O之前的系統的裝置上。這個庫支援Android4.0(API level 14)及更高的版本。

可以使用framework或整合支援庫，用程式碼或在XML檔案中設定屬性的方式實現此功能，具體有以下三種方式：

1 Default

預設設定是讓 TextView 實現文字在水平和垂直方向同比例縮放。

(1)     程式碼實現

setAutoSizeTextTypeWithDefaults(@AutoSizeTextTypeintautoSizeTextType)

引數值：

AUTO_SIZE_TEXT_TYPE_NONE 關閉自動調整大小功能

AUTO_SIZE_TEXT_TYPE_UNIFORM 水平和垂直方向按同比例縮放

注意：預設的文字最小尺寸是12sp，最大尺寸是112sp，尺寸粒度 1px

 

使用支援庫時的程式碼實現：

TextViewCompat.setAutoSizeTextTypeWithDefaults(TextViewtextview,int autoSizeTextType) 

autoSizeTextType的值： 

TextViewCompat.AUTO_SIZE_TEXT_TYPE_NONE 

TextViewCompat.AUTO_SIZE_TEXT_TYPE_UNIFORM

 

(2)     XML檔案中定義屬性

<TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:autoSizeTextType="uniform"
/>

 

使用支援庫時在XML檔案中定義屬性：

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">

  <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:autoSizeTextType="uniform"
  />

  />

 

2 Granularity

間隔尺寸方式可以定義文字的最大和最小尺寸，及每次尺寸改變的單位大小

(1)     程式碼實現

setAutoSizeTextTypeUniformWithConfiguration(intautoSizeMinTextSize, int autoSizeMaxTextSize, int autoSizeStepGranularity, intunit) 

autoSizeStepGranularity：每次縮放的最小數值

unit：尺寸單位

 

使用支援庫時的程式碼實現：

TextViewCompat.setAutoSizeTextTypeUniformWithConfiguration(intautoSizeMinTextSize,intautoSizeMaxTextSize, intautoSizeStepGranularity, int unit) 

 

(2) XML檔案中定義屬性

<TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:autoSizeTextType="uniform"
  android:autoSizeMinTextSize="12sp"
  android:autoSizeMaxTextSize="100sp"
  android:autoSizeStepGranularity="2sp"
/>

 

使用支援庫時在XML檔案中定義屬性：

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">

  <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:autoSizeTextType="uniform"
    app:autoSizeMinTextSize="12sp"
    app:autoSizeMaxTextSize="100sp"
    app:autoSizeStepGranularity="2sp"
  />

</LinearLayout>

 

3 Preset Sizes

預設尺寸允許開發人員預先設定文字尺寸縮放時的所有值，文字的尺寸只會是設定值中的一個。

(1) 程式碼實現

 setAutoSizeTextTypeUniformWithPresetSizes(int[]presetSizes, int unit) 

presetSizes：包含設定的一系列文字尺寸

 

使用支援庫時的程式碼實現：

TextViewCompat.setAutoSizeTextTypeUniformWithPresetSizes(TextViewtextView,int[] presetSizes, int unit) 

 

(2) XML檔案中定義屬性

//定義文字的尺寸

<resources>
  <array
    name="autosize_text_sizes">
    <item>10sp</item>
    <item>12sp</item>
    <item>20sp</item>
    <item>40sp</item>
    <item>100sp</item>
  </array>
</resources>

<TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:autoSizeTextType="uniform"
  android:autoSizePresetSizes="@array/autosize_text_sizes"
/>

 

使用支援庫時在XML檔案中定義屬性：

<resources>
  <array
    name="autosize_text_sizes">
    <item>10sp</item>
    <item>12sp</item>
    <item>20sp</item>
    <item>40sp</item>
    <item>100sp</item>
  </array>
</resources>

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">

  <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:autoSizeTextType="uniform"
    app:autoSizePresetSizes="@array/autosize_text_sizes"
  />

</LinearLayout>