第 6 回 iPhone アプリ勉強会〜画像の取得と処理〜

第6回iPhoneアプリ勉強会〜画像の取得と処理〜第6回iPhoneアプリ勉強会〜画像の取得と処理〜　　　　　　　　　　　　　　　　　　　　　　縣禎輝

はじめに • カメラアプリを作成 • 基盤となるInterfaceとアクションメソッドの作成 • 画像の取得先の設定 • 画像の表示と保存 • 画像にエフェクトをかける • 参考ウェブサイト • http://journal.mycom.co.jp/column/iphone/index.html

アプリの基盤作成 • アクションシートの作成 • Interface Builderの作成 • アクションの実装 • メソッドとボタンの接続

Interface Builderの作成 • Step1. ToolBarをドラック＆ドロップ

Interface Builderの作成 • Step2.インスペクタパネルで，Identifierを“Camera”に指定

Interface Builderの作成 • Step3.カメラアイコンを中央に表示

アクション（選択画面表示）の実装 Step1.ImageViewController.hの編集 - アクションメソッドを作成

アクション（選択画面表示）の実装 • Step2.ImageViewController.mの編集 - showImageSheetメソッドの実装

メソッドの接続 実行結果 • Interface Builder でメソッドとボタンを接続

画像の取得先の設定 • 作成した選択ボタンのリンク先を設定 • Photo Library → “Photo Library”へ移動 • Camera → “Cameraの撮影画面”へ移動 • Saved Photo → “以前Cameraで撮影した画像”へ移動

ボタンのリンク先を設定 • Step1.imageViewController.hの編集　＊詳しく • イメージピッカーを使用する • 写真を撮るために使う機能 • UIImagePickerControllerというクラスで使用可能

ボタンのリンク先を設定 • Step2.imageViewController.mの編集 • ボタンが押されたときの処理

画像の表示と保存 • リンク先から指定された画像を表示 • 画像の取得 • 描画範囲の指定 • 画像のリサイズ

画像の表示と保存 Step1.imageViewController.hの編集 • 画像表示用のアウトレットを作成

画像の表示と保存 • Step2.imageViewController.mの編集 • アウトレットの内容

Interface Builderの編集 • 画像表示用の描画領域を作成 • 描画領域とアウトレットを接続実行結果

画像にエフェクトをかける • 画像の情報を取得し，エフェクトをかける • 画像の情報をビットマップデータとして取得

画像にエフェクトをかける • Step1.ImageViewController.hの編集 - Core Graphics:画像のビットマップデータを取得可能なAPI を持つ

画像にエフェクトをかける • Step2.ImageViewController.mの編集 - 画像の情報を取得し，エフェクトをかける実行結果

２値化の答え

おわりに • カメラアプリを作成 • 基盤となるInterfaceとアクションメソッドの作成 • 画像の取得先の設定 • 画像の表示と保存 • 画像にエフェクトをかける • 参考ウェブサイト • http://journal.mycom.co.jp/column/iphone/index.html

第 6 回 iPhone アプリ勉強会〜画像の取得と処理〜