◀ 12.

【Xcode/Swift】画像の追加

編集

画像の追加

以下の画像を参考に「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!

 

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

 

編集
Post Share
子ページ

子ページはありません

同階層のページ
  1. マップの追加方法
  2. テンプレートの種類一覧
  3. ファイルの役割一覧
  4. シミュレーターの画面の拡大/縮小をする方法
  5. スライダーの作成とカスタマイズ
  6. ボタンの作成とプログラムと連携
  7. ラベルの作成とプログラムと連携
  8. 【Xcode/Swift】ImageViewのContentMode一覧
  9. エラー一覧
  10. アプリを実機で起動させる方法
  11. ツールバーの設置とボタンの追加
  12. 画像の追加
2019-07-15 22:16:04 guest 179

人気ページ

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