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. Macでの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】じゃんけんゲームの作り方(アプリ開発の基本)

スポンサードリンク

関連コンテンツ

オススメ記事

プログラミングのクラスってなぁに?

小学生からのJavaScript。クラスの概念をしっかりと理解しよう!

小学生からのプログラミング講座(こうざ)、第12弾です。 前回はマップ上をキャラクターが自由に動くことができるようにしました。 今回はES6から使われるようになった「ク

宇宙一分かりやすい JavaScript のかなり詳しい基本の解説。

宇宙一分かりやすい JavaScript のかなり詳しい基本の解説。

JavaScriptを使ってゲームを作成するのが好きです。@It_is_Rです。 JavaScriptはWebページに動きを出すのによく使われ、ブラウザゲームなども作ることができます。 今回は

zsh

zsh のインストール方法と、うまく起動しない時の対処法。

かっこいいものが大好きな@It_is_Rです。 そこで今回は、ターミナルをかっこよくする為の方法を、何回かの記事に分けて書いてみたいと思います。 今回、第一回目は zsh ( Z Shell

ショートコード

BEMによるCSS設計の方法を解説。命名規則から使い方まで。

完璧を求めすぎて、平均以下な@It_is_Rです。 CSSは比較的簡単なものですが、CSS設計をしっかりしておかなければ、余分なコードが多くなったり、後から修正が大変になったりしてこまることにな

【Android Studio】Button(ボタン)を作る基本中の基本。

ボタンを作る基本中の基本ですが、ボタンを作ること自体が基本中の基本です。@It_is_Rです。 タイトルなんてどうだっていいんです。肝心のなのは真心です。 Androidアプリ開発、7回目とな

JavaScriptマンガ講座。条件分岐(if文)の真偽値による使い方。(実践編)

生まれも育ちもド田舎、@It_is_Rです。 JavaScriptマンガ講座、第3回目です。 笑いあり、涙あり(?)のマンガで、JavaScriptを覚えようというものです。 今回は条件

carousel

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

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

【Mac】ローカルにWebサーバを立ち上げる超簡単な方法!

JavaScriptを使ってWebページなどの開発をしていると、Google ChromeやSafariなどのブラウザでうまく開けない場合が稀にあります。 そんな時、ローカルにWebサーバを立ち上げ

.zshrc で zsh をカスタマイズしてみよう。(プラグイン無し)

昔、車に幽霊が乗っていたので、じっと目を凝らして見ていたら、ただの人だったことがあります。@It_is_Rです。 あの時は気まずかった。。。女性の方でした。 さて、今回はターミナルをかっこよく

【CSS設計】ボタンを作って覚える。機能ごとに分けて作る重要性。

手が回らない、頭が回らない、口が回らない。@It_is_Rです。 CSSはある程度大雑把に書いても動かすことができます。しかし、CSSを覚える上で一番難しい部分と言えばCSS設計でしょう。 パ

コメントをどうぞ!

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