MILLEN BOX

音楽好きの元組み込みソフトエンジニアによるプログラミング(主にiOSアプリ開発)の勉強の記録

UIButtonに画像を貼り付ける (Storyboard編) (Storyboard)

前回作成したボタン画像を使って簡単なボタンアプリを作成します。

f:id:anthrgrnwrld:20151017092311g:plain

一応Githubを貼っておきます。

github.com

##自分ポイント1
手順はすっごく簡単です。
UIImageViewの時と同じです。

  1. 予め使用する画像をXcodeへ放り込んでおく
  2. StoryboardでUIButtonを選択し、Utilitiesエリアimage にて画像を指定する

ただし、UIButtonの場合にはいくつか注意事項があります。
自分ポイント2を参照下さい。

自分ポイント2

Utilitiesエリアimage にて画像を指定する時、以下のことを実行して下さい。

  1. Buttonの TypeCustom に変更する
  2. Title を付けているときは空白にする (方が今回の場合は無難だと思う)
  3. Backgroud の指定色がDefault(透明)にする
  4. State ConfigDefault時と Highlighted時の両方にて、画像指定と上記手順1,2,3を行う

f:id:anthrgrnwrld:20151017092339p:plainf:id:anthrgrnwrld:20151017092343p:plainf:id:anthrgrnwrld:20151017092345p:plain

やってみると難しくないんですが、ボタンを押した時の画像差し替えに少しだけ迷ったので備忘録として残しておきます。
それにしてもStoryboardは便利だな〜。