<アプリ開発> 画像付きのボタンの作成

 こちらの参考書（詳細！Swift 4 iPhoneアプリ開発 入門ノート Swift 4+Xcode 9対応）で学習を進めていたら、section12-3のUIButtonクラスにて画像付きのボタンの作り方で分からないところが出てきたので調べてまとめてみました。

詳細！Swift 4 iPhoneアプリ開発 入門ノート Swift 4+Xcode 9対応

＜Storyboardでの作成＞ 

1. 画像をAdd Files to ...で追加する

2. ObjectライブラリからButtonを 配置する

3. Atributesインスペクタを開き、TypeをCustomに変更する

4. imageで画像を指定する

5. 初期値で文字色が白になっているため、色を変更する  

 私が参考書の通りに進めていたところ、「画像をAdd Files to ...で追加する」という作業が書かれていなかったため、以下の画像のようになってしまい、画像の読み込みがうまくできませんでした。

このような現象を解決するには、まず下の画像のようにAdd Files to...を選択して画像を追加してください。

画像を追加したら、ObjectライブラリからButtonを 配置し、Atributesインスペクタを開いてください。そうしたら、TypeをSystemからCustomに変更し（自動的に変更される場合もあるそうです）、image から先ほど取り込んだ画像を選択します。

これで先ほど取り込んだ画像にButtonが変更されたので、最後に初期値で白色に文字色が変わってしまったものを自分の好きな色に直せば完成です！