第 6 回 iPhone アプリ勉強会 〜画像の取得と処理〜 縣 禎輝
はじめに カメラアプリを作成 – 基盤となる Interface とアクションメソッドの作成 – 画像の取得先の設定 – 画像の表示と保存 – 画像にエフェクトをかける 参考ウェブサイト – 1
アプリの基盤作成 アクションシートの作成 1.Interface Builder の作成 2. アクションの実装 3. メソッドとボタンの接続 2
Interface Builder の作成 3 Step1. ToolBar をドラック&ドロップ
Interface Builder の作成 4 Step2. インスペクタパネルで, Identifier を “Camera” に指定
Interface Builder の作成 5 Step3. カメラアイコンを中央に表示
アクション(選択画面表示)の実装 Step1.ImageViewController.h の編集 - アクションメソッドを作成 6
アクション(選択画面表示)の実装 7 Step2.ImageViewController.m の編集 - showImageSheet メソッドの実装
メソッドの接続 Interface Builder でメソッドとボタンを接続 8 実行結果
画像の取得先の設定 作成した選択ボタンのリンク先を設定 –Photo Library → “Photo Library” へ移動 –Camera→ “Camera の撮影画面 ” へ移動 –Saved Photo→ “ 以前 Camera で撮影した画像 ” へ移動 9
ボタンのリンク先を設定 10 Step1. imageViewController.h の編集 *詳しく – イメージピッカーを使用する 写真を撮るために使う機能 UIImagePickerController というクラスで使用可能
ボタンのリンク先を設定 11 Step2. imageViewController.m の編集 ボタンが押されたときの処理
画像の表示と保存 リンク先から指定された画像を表示 – 画像の取得 – 描画範囲の指定 – 画像のリサイズ 12
画像の表示と保存 13 Step1. imageViewController.h の編集 – 画像表示用のアウトレットを作成
画像の表示と保存 14 Step2. imageViewController.m の編集 アウトレットの内容
Interface Builder の編集 1. 画像表示用の描画領域を作成 2. 描画領域とアウトレットを接続 15 実行結果
画像にエフェクトをかける 16 画像の情報を取得し,エフェクトをかける – 画像の情報をビットマップデータとして取得
画像にエフェクトをかける 17 Step1.ImageViewController.h の編集 - Core Graphics: 画像のビットマップデータを取得可能な API を持つ
Step2.ImageViewController.m の編集 - 画像の情報を取得し,エフェクトをかける 画像にエフェクトをかける 18 実行結果
2値化の答え 19
おわりに カメラアプリを作成 – 基盤となる Interface とアクションメソッドの作成 – 画像の取得先の設定 – 画像の表示と保存 – 画像にエフェクトをかける 参考ウェブサイト – 20