【Swift入門】iOSのUIButtonをカスタマイズする方法｜テキスト・文字色・背景色の設定手順

この記事では、iOSアプリにおけるボタン（UIButton）のカスタマイズ方法を解説します。テキストや文字色、背景色などを変更する手順を、初心者の方にもわかりやすく紹介していきます。

それでは早速始めましょう。

プロジェクトの作成

ステップ1：Xcodeを起動し、「New Project」→「Single View Application」を選択して新規プロジェクトを作成します。プロジェクト名は「CustomiseButton」としましょう。

ステップ2：Main.storyboardを開き、以下の画像のようにボタンを配置します。このボタンをカスタマイズしていきます。

ボタンのカスタマイズ方法は2通り

iOSのボタンをカスタマイズするには、「Storyboard上で設定する方法」と「コードから設定する方法」の2つのアプローチがあります。それぞれ順番に見ていきましょう。

方法1：Storyboardを使ってカスタマイズする

ステップ1：Storyboard上でボタンをクリックして選択します。

ステップ2：画面右側のユーティリティエリアにある「属性インスペクタ（Attributes Inspector）」を開くと、ボタンのテキスト・文字色・背景色などを変更できます。下図を参考にしてください。

プロジェクトを実行すると、カスタマイズされたボタンが以下のように表示されます。

方法2：コードでカスタマイズする

続いて、プログラムから直接ボタンをカスタマイズする方法を紹介します。

ステップ1：ボタンに対する@IBOutletを作成し、「customButton」という名前を付けます。

ステップ2：viewDidLoadメソッド内で、以下のようにボタンをカスタマイズします。

override func viewDidLoad() {
    super.viewDidLoad()
    customButton.setTitle("My Custom Button", for: .normal)
    customButton.backgroundColor = UIColor.green
}

setTitle(_:for:)メソッドを使うことでボタンの表示テキストを設定でき、backgroundColorプロパティにUIColorを代入することで背景色を自由に変更できます。

プロジェクトを実行すると、カスタマイズされたボタンが以下のように表示されます。

まとめ

iOSのボタンカスタマイズには、Storyboardの属性インスペクタを使う方法と、viewDidLoadなどでコードから設定する方法の2つがあります。静的なデザインの調整ならStoryboardが手軽で、実行時にテキストや色を動的に切り替えたい場合はコードでの設定が便利です。用途に合わせて上手に使い分けてみてください。