【Android Studio&Kotlin】 テキストの文字の大きさを自動的に調整する 「app:autoSizeTextType=”uniform”」<TextView>

こんにちは。YOSHITAKA(@YOSHITA19704216)です。

初心者
スマホ端末の画面の大きさによって文字の大きさを自動的に調整することができますか?

よしたか
学んだことをアウトプットしていきます。

 

この記事を読むことで
  • スマホ端末の画面の大きさによって文字の大きさを自動的に調整する方法がわかります。

スマホ端末の画面の大きさによって文字の大きさを自動的に調整する方法

対象者

大前提
  • kotlinで画面レイアウトが既にできており、テキストの大きさを変更したいと思っている方が対象です。

文字の大きさを自動的に調整する

Android の TextView では View サイズに応じて、
文字の大きさを自動的に調整する機能が実装されています。

重要なのはこの部分を追加することです。

app:autoSizeTextType="uniform"

 

activity_main.xmlファイルを編集していきます。
        <TextView
            android:id="@+id/size_type_uniform_view"
            android:layout_width="match_parent"
            android:text="〇〇〇〇"
            app:autoSizeTextType="uniform"/>

 

ポイント
  • autoSizeTextType :uniform  自動的に調整する。
  • autoSizeTextType :none  自動的に調整しない。→なくてもよい

最小値と最大値を調整して限度を設定する。

autoSizeMinTextSize autoSizeMaxTextSize を設定すると、View サイズに応じて調整される TextSize の最小値と最大値を調整できます。

activity_main.xmlファイルを編集していきます。
        <TextView
            android:id="@+id/view1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="〇〇"
            app:autoSizeTextType="uniform"
            app:autoSizeMinTextSize="30dp"
            app:autoSizeMaxTextSize="70dp"/>

ある View サイズよりも小さくなったら TextSize が小さくならず、ある View サイズよりも大きくなったら TextSize を大きくしないようにできます。

ポイント

これ以上大きくならない。
これ以上小さくならない範囲を指定します。

  • autoSizeMinTextSize 最小の大きさ
  • autoSizeMaxTextSize 最大の大きさ

まとめ

今回はkotlinでテキストの文字の大きさを自動的に調整するする方法についてお伝えしました。

 

※プログラミングは習得中ですので、参考程度に記事を読んでください。

 

参考はこちら

https://developer.android.com/guide/topics/ui/look-and-feel/autosizing-textview?hl=ja

 

https://qiita.com/kaleidot725/items/144172a513eb971fad42

あなたは「Web集客」に限界を感じていませんか?

サイトをただ作るだけで満足ですか?

あなたのサービスやコンテンツはとっても有益なものがたくさんあります。

良いコンテンツも埋もれてしまっては全く意味がありません。

正しい知識と実践で、SEO対策はもちろん、ユーザビリティーを考えたサイトを作りませんか?

私と歩めばWebマーケティング知識とWordPressスキルが定着し、サイト回遊率、再訪問がアップします。

しかも、これだけでは終わりません!!

その先の「攻めのメディア」と組み合わせ、あなたのサービスを広めて売上を伸ばしていきます。

サイトを育てて、長い間愛されることのできるWordPressサイトからの集客導線(ゴールデンルート)を一緒に作りませんか?

↓ ↓ ↓ ↓ ↓ ↓ 

おすすめの記事