iOS 8アプリ開発のこれまで&Swift 1.2への対応、プロパティオブザーバーとwillSetの基本的な使い方、セグエを使った画面遷移iPhone 6/6 Plusアプリ開発入門(終)(1/6 ページ)

iPhone 6/6 PlusアプリをSwift言語で作成してみたいという初心者向けにiOS 8の新機能を使ったアプリの作り方を一から解説する入門連載。最終回は、これまでの連載を振り返り、これまで作成したPhotoKitを使ったサンプルアプリの仕上げとしてセグエを使った画面遷移を実装の仕方や、プロパティオブザーバーとwillSetの基本的な使い方を解説する。

» 2015年06月09日 05時00分 公開
[平屋真吾クラスメソッド株式会社]

iOS 8のPhotoKitを使ったサンプルアプリの仕上げ

「iPhone 6/6 Plusアプリ開発入門」のインデックス

連載目次

 本連載は、iPhone 6/6 PlusアプリをSwift言語で作成してみたいという初心者向けにiOS 8の新機能を使ったアプリの作り方を一から解説する入門連載です。第1回の「開発者が知っておきたいiOS 8の新機能&Xcode 6のインストールと基本的な使い方」では、2014年の6月にWWDCで発表され、9月18日に正式リリースされたiOS 8の概要を簡単に紹介し、iPhone 6/6 Plusアプリ開発を始めるための環境構築について説明しました。

 第2回の「iOS 8のPhotoKitの概要&Xcode 6.1/Storyboard/Auto Layout/iOSシミュレーターの基本的な使い方」では、iOS 8の新機能である「PhotoKit」、サンプルとなる「PhotoMap」アプリの概要について説明し、MapViewを表示するところまで解説しました。第3回の「Swiftでの変数の定義、Xcodeでのアウトレット接続、iOSシミュレーターへの画像素材追加」では、Swiftでの変数定義について解説し、MapView上へピンの追加と画像素材の追加を行いました。

連載第3回の図11 iOSシミュレーター(iPhone 4S)の実行結果(左:写真アプリのPhotosタブ、右:写真アプリの詳細画面)

 第4回の「OptionalなどSwiftとObjective-Cの違いを意識してPhotos Frameworkを使う」では、「Photos Framework」の機能を使用してフォトライブラリから写真情報を取り出し、写真情報にひも付いた座標にピンを表示しました。

連載第4回の図2 iOSシミュレーター(iPhone 4S)の実行結果(左)と図3 iOSシミュレーター(iPhone 4S)の実行結果(MapViewの中心位置移動後)(右)

 そして、前回の連載第5回記事「Swiftのカスタムクラスの作り方――プロトコル、サブクラス、イニシャライザー、タイププロパティメソッドのオーバーライド、デリゲートについて注釈の作成で学ぶ」ではカスタムの注釈オブジェクトと注釈ビューを新規作成し、地図上に写真のサムネイルが表示されるように修正しました。

連載第5回の図9 iOSシミュレーター(iPhone 6)の実行結果(左)と図10 iOSシミュレーター(iPhone 6)の実行結果(注釈ビュータップ後)(右)

 連載最終回となる今回は注釈ビューが選択状態の場合に表示される吹き出しをタップした際の動きと、遷移先の「詳細画面」を作成します(図1)。

図1 地図画面から詳細画面への遷移

これまでに作成したソースコード

 前回までの作業を反映したプロジェクトはGitHubの以下のページからダウンロードできます。以下のページの「Source code」リンクをクリックしてダウンロードしてお使いください。

Xcode 6.3.1への移行

 本連載では、Xcode 6.1で解説を進めてきました。本稿は、執筆時点(2015年5月18日)での最新バージョンであるXcode 6.3.1で進めていきます。Mac App Storeを使用してアップデート(インストール)を行ってください。

 Xcodeのアップデート(インストール)方法は本連載の第1回目の記事「開発者が知っておきたいiOS 8の新機能&Xcode 6のインストールと基本的な使い方」で解説している手順と同様です。

       1|2|3|4|5|6 次のページへ

Copyright © ITmedia, Inc. All Rights Reserved.

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。