【iOS開発】UITextViewのフォントと文字色を変更する方法を初心者向けに解説

iOSアプリ開発において、UITextViewのフォントや文字色を変更するのはとても簡単です。ポイントは、UITextViewオブジェクトが持つ .textColor プロパティと .font プロパティを更新すること。この記事では、その具体的な手順を初心者にもわかるように順番に解説していきます。

1. StoryboardにUITextViewを配置する

まずは Main.storyboard を開き、以下のようにライブラリからUITextViewをViewController上にドラッグ＆ドロップして配置しましょう。

2. UITextViewの@IBOutletを作成する

次に、配置したUITextViewとコードを接続します。Assistant Editorを開いてControlキーを押しながらドラッグし、@IBOutletを作成してください。ここでは変数名を textView としています。

@IBOutlet var textView: UITextView!

3. viewDidLoad()でフォントと文字色を設定する

続いて、ViewController.swift の viewDidLoad() メソッド内に、以下のコードを記述します。

textView.textColor = UIColor.cyan
textView.font = UIFont(name: "Callout", size: 20)

• textColor: 文字色を指定します。ここではシアン（水色）を設定しています。
• font: フォント名とサイズを指定します。サイズは20ptに設定しています。

なお、フォント名には「Callout」のほか、「Georgia」「HelveticaNeue」「Courier」など、端末にインストールされているフォントを使用できます。

完成したコード全体

最終的に、ViewController.swiftのコードは以下のようになります。

import UIKit

class ViewController: UIViewController {

    @IBOutlet var textView: UITextView!

    override func viewDidLoad() {
        super.viewDidLoad()
        textView.textColor = UIColor.cyan
        textView.font = UIFont(name: "Callout", size: 20)
    }
}

4. アプリを実行して確認する

コードの記述が完了したら、シミュレーターまたは実機でアプリをビルドして実行してみましょう。UITextViewに表示されるテキストが、指定したフォント・サイズ・色に変わっていれば成功です。

まとめ

UITextViewの見た目をカスタマイズするには、textColor と font の2つのプロパティを変更するだけでOKです。さらに発展させたい場合は、NSAttributedString を使うことで、テキストの一部だけ色やフォントを変えることも可能なので、ぜひ試してみてください。