iPhoneアプリのプログラミング/iPhoneアプリ開発の基本

画像を表示してみよう!(UIImageView)(3ページ目)

前回まででシミュレータを起動することができるようになりました。次はUIImageViewを用いて1枚の画像をiPhone上に表示できるようにしましょう。

長尾 俊

執筆者:長尾 俊

iPhoneアプリのプログラミングガイド

UIImageViewの画像表示

続いて、先ほど追加した画像を実際に画面に表示させます。再度、「MainStoryboard.storyboard」をクリックしてストーリーボードを表示させ、「UIImageView」をクリックします。その後、右上の項目で、右から3番目のマークをクリックします。すると「Image」という項目が表れますので、ボタンを押した後、自分の追加した画像ファイルの名前を選択します。
imageset

UIImageViewの画像をセット


画像を選択すると、ストーリーボード上でその画像が表示されます。
選択した画像がUIImageView上に表示される

選択した画像がUIImageView上に表示される


その後、Runボタンを押してシミュレータを起動すると、設定した画像が表示されているはずです。これで、1枚の画像をiPhone上に表示することができました。

iPhoneシミュレータで画像が表示された

iPhoneシミュレータで画像が表示された


このように、プログラムは1行も書かないでもアプリを作ることは可能です。ただ、これだけでは何も動きが無いので、もっと画像ビューアのようにするために、次回は複数の画像をスクロールして見られるようにします。
【編集部おすすめの購入サイト】
楽天市場で iPhone アプリ関連の書籍を見るAmazon で iPhone アプリ関連の書籍を見る
【編集部からのお知らせ】
・「都道府県のイメージ」について、アンケート(2024/5/31まで)を実施中です!(目安所要時間5分)

※抽選で30名にAmazonギフト券1000円分プレゼント
※回答上限に達し次第、予定より早く回答を締め切る場合があります
  • 前のページへ
  • 1
  • 2
  • 3
※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます