【Objective-C】XcodeでiPhoneアプリを作る基礎を学ぶ１４【懐中電灯アプリを作る】

Day:2013.7.22 0:05 Comments: 12

code Xcode

だらだらとXcodeを学ぶ記事を書き続けて14回目。

ここまで来たら使えるアプリの1つでも作りたいよ！

ちっとも使えるようにならないよ！

と、モチベーションの低下も甚だしいと思うので、ここは1つ使えるアプリを作ってみよう。

懐中電灯アプリを作ってみよう

カメラの横についているLEDを点灯させて懐中電灯代わり作るアプリを作ってみよう。

そんなの無料のやつ持ってるよ！

って言う人もいるだろうけど、無料アプリは大体広告ついているので、誤ってタップしてしまうとLEDが消えてしまう。

暗いときに消えてしまうとかなりうっとうしいので広告は無い方が望ましい。

かといって有料のものを買うのもばかばかしいので自作してしまおう。

デベロッパ登録をしているけどアプリは何一つ作ったことがないという人にもお勧め。

かなり簡単だしね。

新規プロジェクトの作成

Xcodeを起動し、左上のメニューバーからFile→New→Projectを選択。

Single View Applicationを選択。

Project NameはLEDLightとつけたが、何でもよい。

変数を学ぶ回でプロジェクトを作ったのでスムーズに行くと思う。

DevicesはiPhoneにするのを忘れずに。

AVFoundation.frameworkを追加

今回はiPhoneのカメラ昨日の中のライトを点灯させるため、ビデオカメラを操作するためのフレームワーク、AVFoundationを追加する。

左側のメニューからLEDLightをクリック→TARGETSのLEDLight→Build Phases→Link Binary With Librariesの三角をクリックして開き、+ボタンをクリック。

開いたメニューの中からAVFoundation.frameworkを選択し、Addをクリック。

AVFoundation.frameworkが追加された。

左側のメニューにあるFrameworkフォルダの中にAVFoundation.frameworkがあるはずだが、もし違う場所にあったらドラッグアンドドロップでFrameworkフォルダの中に移動しよう。

これでAVFoundation.frameworkは実装された。

StoryboardでViewControllerの設定

まず、View Controllerにスイッチを設定するためにStoryboardでの操作。

左メニューからStoryboardをクリックし、ViewControllerをクリックする。

そして、オフの状態の時は画面を黒にするため、backgroundをBlack Colorにする。

右下のメニューからSwitchを選び、ドラッグアンドドロップしてスイッチをViewControllerに実装する。

起動時はオフにするため、SwitchをクリックしてStateをonからoffにする。

ViewController.hにコードを記述

ViewController.hにスイッチを定義する。

オンの時にライトがつき、オフの時にライトが消えるようにするため。

左側にあるメニューの中からViewController.hをクリックする。

開いたら下記のようにコードを記述。

赤字の部分が追加した部分になる。

#import <UIKit/UIKit.h>
#import <AVFoundation/AVFoundation.h>

@interface ViewController : UIViewController
{
IBOutlet UISwitch *ledLightSwitch;
}

- (IBAction)changeSwitch;

#import <AVFoundation/AVFoundation.h>は、AVFoundation.frameworkを使いますよという宣言。

IBOutlet UISwitch *ledLightSwitch;は、スイッチ機能を使いますよと宣言している。

- (IBAction)changeSwitch;は、実際にオンオフしたときの動作を記述するためのメソッドを宣言。

実際の動作はViewController.mに記述する。

ViewController.hで定義したSwitchをStoryboardで関連づけ

Switchや動作のメソッドを宣言したのはいいものの、このままだとXcodeがどのスイッチを操作したときに動作すればいいのかわからないので、このスイッチを操作したときですよ！と教えてあげる。

まず、Storyboardを選択し、Xcodeの右上にあるEdhitorの真ん中のボタンをクリックする。

左にStoryboard、右にViewController.hが開くはずだが、もしViewController.mだった場合はタキシードボタンをクリックしてautomaticを選択し、ViewController.hを選択する。

StoryboardのSwitchを選択し、controlキーを押しながらコードに向かってドラッグアンドドロップする。

するとコードの左側にある○が●にかわる。

これが関連づけされてますよ、という目印になる。

ViewController.mにコードを記述

さて、本命のViewController.mに実際の動作のコードを記述していこう。

コードは下記の通りになる。

変更したところは赤字の部分。

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.

}

- (IBAction)changeSwitch
{
AVCaptureDevice *captureDevice = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo];

　if (ledLightSwitch.on == YES) {
　　self.view.backgroundColor = [UIColor whiteColor];

　　[captureDevice lockForConfiguration:NULL];
　　captureDevice.torchMode = AVCaptureTorchModeOn;
　　[captureDevice unlockForConfiguration];

　}else{
　　self.view.backgroundColor = [UIColor blackColor];

　　[captureDevice lockForConfiguration:NULL];
　　captureDevice.torchMode = AVCaptureTorchModeOff;
　　[captureDevice unlockForConfiguration];
　　}
}

- (void)didReceiveMemoryWarning
{
　　[super didReceiveMemoryWarning];
　　// Dispose of any resources that can be recreated.
}

@end

これだけです。

短いね。

とりあえずコードの内容をちょっと説明。

AVCaptureDevice *captureDevice = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo];

は、iPhone背面のビデオカメラを使いますよ、と宣言している。

これはAVFoundation.frameworkをインストールしていないと使えない。

if (ledLightSwitch.on == YES) {

は、SwitchがONになった場合、という意味。

self.view.backgroundColor = [UIColor whiteColor];

これはバックグラウンドカラーを白に変えろ、という意味。

[captureDevice lockForConfiguration:NULL];
captureDevice.torchMode = AVCaptureTorchModeOn;
[captureDevice unlockForConfiguration];

この三行がiPhoneの背面についているLEDライトを点灯させるコード。

AVCaptureTorchModeOnでライトをONにする。

lockForConfigurationとunlockForConfigurationで挟まれているのは、ロックしないとトーチモードをONに出来ないため。

これはAVFoundationの仕様なので、そんなもんだと思ってくれればいい。

}else{

これは一番最初のif文からの繋がり。

if〜で、〜の場合という意味になるので、elseはそうじゃなかった場合、という意味になる。

今回の場合はONかOFFかの2択なので、OFFになった場合という意味。

self.view.backgroundColor = [UIColor blackColor];

まんまの意味だね。

バックグラウンドカラーを黒にかえる。

[captureDevice lockForConfiguration:NULL];
captureDevice.torchMode = AVCaptureTorchModeOff;
[captureDevice unlockForConfiguration];

トーチモードをオフにする。

これで背面のLEDライトが消える。

実機で動かしてみよう

シミュレータで動かしてもただバックグラウンドカラーがかわるだけだが、デベロッパ登録をしてiPhoneにインストールしてスイッチをいじると、ちゃんとLEDがオンオフされる。

オンにするとバックグラウンドカラーが白くなり、LEDライトが光る。

これで完成！と思いきやそうでもない。

若干のバグ

このままでも使えるのだが、ライトが点灯しているときにホームボタンを押してバックグラウンドに移してから再度アプリを起動しても、スイッチはオンになっているけどもLEDは点灯しない。

一旦スイッチをオフにし、再度オンにしなければならない。

挙動としてはおかしいので、ホームボタンを押した場合アプリの状態を保存せず、初期状態（スイッチがOFFの状態）にもどすようにする。

AppDelegate.mに追記

左側にあるメニューからAppDelegate.mをクリックしよう。

AppDelegate.mにはホームボタンを押してアプリをバックグラウンドに落としたときに行う動作を書き込むことが出来る。

- (void)applicationDidEnterBackground:(UIApplication *)application がそれ。

そこに下記のように書き込もう。

- (void)applicationDidEnterBackground:(UIApplication *)application
{
　　exit(0);
}

これで出来上がり。

LED点灯時にホームを押し、再度起動してもアプリはちゃんとオフになっているはず。

iOS7にはOS内に実装されているけどね

iOS7からはiOSの一機能として統合されているので、わざわざアプリを作る必要が無いと言えば無いが、実際にリリースされるのは9月だしまだしばらく先。

広告のないLEDライトアプリは中々便利だよ。

点灯時や消灯時の画面の色を変更したり、スイッチではなくボタンでの操作に変更したりと色々カスタマイズできるのも自作のいいところ。

色々試してみてください。