chevron_left

Xcodeに画像データを導入し、アプリの画面に表示させる方法 ーSwiftで始めるiOSアプリ開発【2限目】

無料
  • Xcodeに画像データを導入し、アプリの画面に表示させる方法 ーSwiftで始めるiOSアプリ開発【2限目】
第1回

Xcodeに画像データを導入し、アプリの画面に表示させる方法 ーSwiftで始めるiOSアプリ開発【2限目】

2014年9月21日 50min
Xcodeに画像データを導入し、アプリの画面に表示させる方法 ーSwiftで始めるiOSアプリ開発【2限目】 play_arrow 無料で受講

受講完了まであと100%

スライド資料

会員登録して、全てのスライドを見よう

1 / 13

授業の概要

授業の開始前に、Mac App StoreでXcode6.0.1をダウンロードし、インストールしておいてください。
https://itunes.apple.com/jp/app/xcode/id497799835?mt=12

 

第2回目の講義では、Xcodeに画像データを導入し、アプリの画面に表示させる方法を学習します。

ユーザーとデバイスがやりとりをする場所をユーザーインターフェイス(UI)といいますが、iPhoneの場合は主に画面がそれに相当します。

今回の講義では、Storyboardというものを使ってUIを作製します。

Storyboardを使うことにより、直感的な操作で簡単にUIを作ることができます。

 

Xcodeはとても優れた開発環境ですが、使いこなすには独特のノウハウが必要です。

画像を扱う際にもいくつか注意点がありますので、それらを一つ一つ丁寧に解説していきます。

 

今回は画像とそれを制御するボタンのみから成るシンプルなアプリを実際に制作していただきます。

これらを通して、画像素材の扱い方、Storyboardの扱い方、UIとコードの連携などを確実に覚えていただきます。

こんな人にオススメ

これからiOSアプリ開発を始めたい人、Swiftの基礎を勉強したい人

チャプター

play_arrow
著作権フリーの画像素材を見つけるには?
04:35
play_arrow
Single View Applicationで新規プロジェクトを作成する
03:24
play_arrow
画像データを導入する
02:56
play_arrow
画面サイズを設定する
02:33
play_arrow
イメージビューを作成する
02:00
play_arrow
画像の縦横比を修正する
01:00
play_arrow
ViewController.swiftにコードを記述し、画像が切り替わるボタンを作る
05:52
play_arrow
Swiftは従来よりもコード量が少ないのが特徴
01:25
play_arrow
Q:UIImageインスタンスでファイル名指定してる時の画像ってオンメモリ上にありますか?ディスク上のファイルを逐次読み込みですか?
01:24
play_arrow
画像を紐付けする
03:39
play_arrow
シュミレートの仕方
01:27
play_arrow
課題について説明
00:55
play_arrow
Q:授業開始前からずっとXcode5を6にしようとしているのですが、インストール済にはなりますが、アイコンが半透明のままで立ち上げられません。5をアンインストールして再起動もやってみましたが、やはりXcodeが使えません。使えるようになるにはどうすればいいでしょうか。
00:55
play_arrow
サンプルコードの紹介
01:23
play_arrow
Q:ボタン押すと画像消えて切り替わらないのですが分かりますでしょうか?
00:02
play_arrow
Q:削除してから6をインストールしましたが、ダメでした。半透明のままです。何か他に方法がありますか?
00:42
play_arrow
Q: シミュレーターだとずれるのはバグでしょうか?
02:29
play_arrow
Q: Action名を変えたい場合 RecievedActionsの対応で変更前のActionを削除したいのですがどうしたらよいでしょうか?
02:57
play_arrow
Q: Optional推奨って事はコンストラクタで初期化は余りしないんでしょうか?
03:48
play_arrow
Q:コード内で、現在UIImageViewに表示されている画像のファイル名はどのように取得できますか?
01:18
play_arrow
Q: 課題は、画像を計3枚用意するってことでしょうか?
01:34
play_arrow
Q: 本題から少し外れますが Xcode、Object-c、swiftはどのような関係でしょうか?
01:08
play_arrow
Q: ボタンでなく画像をタッチしたら切り替えるようにしたいときは、文字を入れない透明なボタンを被せるのでしょうか?