[iOS 8] PhotoKit 10 – Photo Editing Extensionの実装 (前篇)

平屋真吾

2014.11.26

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

はじめに

前回の記事ではPhoto Editing Extensionの概要を紹介しましたが、今回はPhoto Editing Extensionの実装を扱います。

以下の画像のような、写真にフィルターをかけるApp Extensionを実装します。

新しいプロジェクトを作成します。今回は「Single View Applicasion」テンプレートを選択します。

プロジェクトの作成できたら、App Extension用のターゲットを追加します。

Xcodeのメニューの「File」→「New」と辿り、「Target」をクリックします。

追加するターゲットの種類を選択する画面が表示されますので、「Applicasion Extension」項目をクリックして、「Photo Editing Extension」を選択し、「Next」ボタンをクリックします。

追加するターゲットのオプションを入力／選択する画面が表示されます。 Product Name項目に「FilterExtension」と入力し、「Finish」ボタンをクリックします。

「FilterExtension」用のスキーマを有効にするか聞かれるので「Activate」をクリックします。

ターゲットを追加すると、必要最低限のファイルも追加されます。

「MainInterface.storyboard」ファイルを編集していきます。

もともと配置してあった「Hello World」ラベルを削除し、 UIImageViewとUISegmentedControlを配置します。

Viewの背景色を黒に変更します。 UISegmentedControlの項目を1つ増やし、以下の図の通りに「セピア」「クローム」「インスタント」というタイトルを設定します。

Autolayoutの制約を追加します。 UIImageViewとUISegmentedControlに関する制約は以下のように設定しました。

Storyboard編集画面上のFrameをアップデートすると以下のような配置になります。

UIImageViewとUISegmentedControlに関して、Storyboardから実装ファイルへ、アウトレットを接続します。プロパティ名はそれぞれimageView、segmentedControlとしました。

今回はターゲットの追加とStoryboardファイルの編集を行いました。Photo Editing Extensionの実装(後編)へ続きます。