1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. Androidアプリ開発
  6. »
  7. 【Android Studio】TextView 文字の色やサイズ、書体を変更する方法。

【Android Studio】TextView 文字の色やサイズ、書体を変更する方法。

サイズは大きいほど、押しがいがあります。@It_is_Rです。
スマホのボタンの話ですよ。何を考えてたんですか?

Androidアプリ開発、8回目となりました。
今回はこれまでに学習した TextView や Button のフォントや、そのサイズを指定する方法を紹介します。

では、 TextView の Properties を色々とさわっていきます。
まず、新規プロジェクトを作成すると「Hello World!」と書かれた TextView があらかじめ中央に配置されています。
そこから始めていきましょう。

① TextView を選択し、 ② Properties を編集していくのが基本となります。
android studio

目次
  1. フォントのサイズを変更
  2. フォントの書体を変更
  3. フォントの色を変更
  4. テキストのスタイルを変更

フォントのサイズを変更

まずはフォントのサイズを変更する方法です。
TextView を選択しておき、 Properties から (1) textAppearance をクリックすると、隠れていた設定が表示されます。
そこから (2) textSize の (3) ▼ をクリックし、フォントのサイズを選ぶことができます。
もちろん、直接入力してもOKです。
android studio

フォントの書体を変更

フォント書体の変更も、サイズを変更した時と同じようなやりかたでできます。
TextView の Properties から (1) textAppearance をクリックし、(2) fontFamily の (3) ▼ をクリックし、書体を選ぶことができます。
※画像では見やすいようにフォントサイズも大きくしてあります。
android studio

フォントの色を変更

フォントのカラーも変更して見ましょう。
(1) textAppearance をクリックし、(2) textColor にカラーコードを入力します。
例えば「#ff0000」もしくは「#f00」と入力すれば赤色になります。
android studio

colors.xml に予め必要なカラーを入力しておく方法もありますが、今回は省略します。

テキストのスタイルを変更

最後にスタイルを変更してみましょう。
左から順に、太字、斜体、小文字を大文字にする、です。
android studio

この企画の一覧はこちら

  1. Android アプリ開発入門! Android Studio のインストール手順。
  2. 【Android Studio】新規プロジェクトを作成する方法。
  3. 【Android Studio】エミュレータを起動してプログラムを実行する方法!
  4. 【Android Studio】開発したアプリの実機テストを行う方法。
  5. 【Android Studio】アプリ開発の基本とそれぞれのファイルの役割を覚える。
  6. 【Android Studio】TextView を使ってテキストを変更、追加する方法。
  7. 【Android Studio】Button(ボタン)を作る基本中の基本。
  8. 【Android Studio】TextView 文字の色やサイズ、書体を変更する方法。
  9. 【Android Studio】レイアウト( Layout )の種類を覚えよう!
  10. 【Android Studio】 GridLayout の使い方。複雑なレイアウトを表現する方法
  11. 【Android Studio】じゃんけんゲームの作り方(アプリ開発の基本)

スポンサードリンク

関連コンテンツ

オススメ記事

【webpack 4】npm-scriptsでオリジナルのコマンドを設定する方法

※追記(2018/5/15) 殆ど意味のない例を使っての説明にのちのち後悔し、余分な部分を大幅に削除しました。 畳んだ布団が飼い猫のお気に入りの場所になってます。@It_is_Rです。

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。背景を変更する。

三度の飯よりも好きなものが多すぎて比較にならない@It_is_Rです。 FC2ブログ"最強"カスタマイズ入門講座の続きですね。最強にカスタマイズしていきましょう。 今回は背景色の変更をメインに

【Bootstrap 4】badgeを使ってテキスト横に小さな文字を入れる方法

前にBootStrap4の記事を書いていましたが、日にちが空いてしまいましたね。@It_is_Rです。 前回は全体的な機能とアラートの使い方を紹介しました。 今回はバッジの使い方を紹介していき

scratch

小学生から始めるScratch入門。使い方とゲーム開発の基礎知識

小学生から始めるプログラミング入門です。 前回の記事で、プログラミングってどういうものなのか何となく理解してもらえたでしょうか? 少しだけScratch(スクラッチ)についてもふれましたが、ま

JavaScriptマンガ講座。初心者でも痛いほど理解できる変数の使い方。(実践編)

押入れが部屋になっている@It_is_Rです。 今回の記事はJavaScriptマンガ講座、2回目となりました。 この企画はJavaScriptをフザケまくって覚えようというものです。

【Bootstrap 4】ボタングループ使い方。ボタンの一まとめにする方法

Bootstrap4の使い方、第6回目です。 前回、Bootstrap4でのボタンの作り方を紹介しましたが、今回はそのボタンをグループにしてひとまとめにする方法です。 Bootstrapにはボ

carousel

【Bootstrap 4】くるくる回転するUI、カルーセル機能のを実装方法!

Bootstrap4の使い方、第8回目です。 サイトをみていると、画像を横並びにしてくるくると回転するカルーセル機能を実装しているサイトがありますよね。 Bootstrap4には、カルーセルを

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。ヘッダーをカスタマイズ。

寒くなってきましたね。皆さま前かがみになって、まるで亀の様です。@It_is_Rです。 皆様がブログを見て、一番最初に目に入ってくるのはどこでしょうか? 殆どの場合、ヘッダー部分ですよね。つま

Scratchでピアノを 作ってみよう!

小学生から始めるScratch入門。ピアノ鍵盤を作って音を鳴らそう!

小学生から始めるScratch入門です。 前回はじゃんけんゲームを作りました。 今回はピアノの鍵盤を作って、音を鳴らしてみましょう。 プロローグ [serif icon="ar

Bootstrap 4 を読み込む為の方法を徹底解説。パッケージマネージャーなど。

今回は Bootstrap 4 の使い方です。It_is_Rです。 では詳しくみていきましょう。 Bootstrap とは Bootstrap は Webサイトを制作するときに使う、

コメントをどうぞ!

メールアドレスが公開されることはありません。