◀ 12.

【Xcode/Swift】画像の追加

編集
ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！

画像の追加

以下の画像を参考に「Assets.xcassets」→「 + 」→「New Image Set」を選択する。

 

1x, 2x, 3xにそれぞれFinderなどから画像をドラッグ&ドロップする。

このnxは解像度別で 1x < 2x < 3x となる。

 

「Object libraryボタン」を選択して検索欄にimageと入力、「Image View」が表示されたらそれをビューまでドラッグ&ドロップする。

 

追加したUIImageViewを押すと、以下のような設定画面が表示されるので、Image欄に先ほどAssets.xcassetsに追加した画像を指定する。

 

続けて、追加したImage Viewをエディターに対してドラッグ&ドロップする。

Name欄にとりあえず「imageView」と入力してConnectボタンを押す。（名前はなんでもよい）

エディターに以下の文言が追加される。

@IBOutlet weak var imageView: UIImageView!

 

以上の操作でシミュレーター起動時に画面に画像が表示されます。

 

編集
ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！
子ページ
子ページはありません
同階層のページ
  1. マップの追加方法
  2. テンプレートの種類一覧
  3. ファイルの役割一覧
  4. シミュレーターの画面の拡大/縮小をする方法
  5. スライダーの作成とカスタマイズ
  6. ボタンの作成とプログラムと連携
  7. ラベルの作成とプログラムと連携
  8. 【Xcode/Swift】ImageViewのContentMode一覧
  9. エラー一覧
  10. アプリを実機で起動させる方法
  11. ツールバーの設置とボタンの追加
  12. 画像の追加

人気ページ

最近更新/作成されたページ