アプリをiPhone OS 3.0へ対応させる時がきました

daichi — Sat, 09 May 2009 01:25:37 +0000

Apple、iPhoneアプリは今後3.0互換でなければ受付けないと通告

ついにAppleが今後の提出アプリはiPhone 0S 3.0との互換性をmustにしてきました。
既存のアプリは互換性がない限りApp Store上から削除されてしまうとのこと。

iPhone OS bataでの仕様変更も概ね終了して、今後は微調整程度になるんでしょう。

実はうちのiSlot Proも動かない部分があります。
それは以前エントリにも書いたこの部分。
【UIVIewController】iPhoneを横向きにした時に別画面を表示する方法 | iphoneアプリで稼げるのか

shouldAutorotateToInterfaceOrientationの呼ばれるタイミングが2.0と3.0では違っていて、2.0だとviewWillAppearの後には呼ばれないため、正常に動くのですが、3.0ではviewWillAppear後にもこれが呼ばれてしまうので、呼ばれた直後に呼び出し元に処理が戻り、無限ループに陥るという。。。

これまでbetaに変更が入るたびに、微妙に動作が変わっていたので、最終的には2.0系と同じ動作に落ち着くのかなと思い、対応を保留にしていたのですが、今回のbeta 5での動作次第では修正が必要になるかも。

あいにくiPhoneへのbeta 5インストールに失敗して、今はただのぶんちんに成り下がってしまったのでiPhone復活後に動作を確認してみます。

ただ気になるのはSimple FXとか他のiPhone横向きで画面をロードするアプリ達は正常に動いてるところ。単に僕の実装方法が異質なのかも。

どなたかOS 3.0で正常に動くiPhone横向き時に別画面を起動するサンプルソースのありかなどご存知でしたら教えていただけるととても助かります。というひとりごと。

daichi — Mon, 06 Apr 2009 15:31:26 +0000

これだいぶやられました。
こんな風にただ横向きに画面を表示したいだけなのですが、ハマり倒しました。

二度とやられないためにもここに残します。

本体回転の検知

横向きにした時に別画面を表示するには、まず横向きを検知する必要があります。
UIViewControllerの以下のメソッドで本体の回転状態を検知できます。

^?View Code OBJECTIVE-C

 - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {

このメソッドでNOを返せばViewの自動回転をしない、YESを返せば自動回転をする、という設定になります。
が、加えて引数のinterfaceOrientationの状態を見れば本体がどの向きになっているのかを検知できます。

UIInterfaceOrientationはenumで値はそれぞれ以下の状態を表します。

UIInterfaceOrientationPortrait

UIInterfaceOrientationPortraitUpsideDown

UIInterfaceOrientationLandscapeLeft

UIInterfaceOrientationLandscapeRight

本体を横向きにした場合に、別画面を表示するコードはこんな感じ。

^?View Code OBJECTIVE-C

 - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
       //ホームボタンが下以外にある状態なら
 	if (UIInterfaceOrientationPortrait != interfaceOrientation){
 
		iPachiAppDelegate *delegate = (iPachiAppDelegate *)[[UIApplication sharedApplication] delegate];
 
               // Fade In Out のアニメーションで表示
		CATransition* animation;
		animation = [CATransition animation];
		animation.type = kCATransitionFade;
 
		[[UIApplication sharedApplication] setStatusBarHidden:YES animated:YES];
 
		GraffController *graff = [ControllerManager graffController];
		UITabBarController *tab = delegate.tabBarController;
 
		[tab.view removeFromSuperview];
		UIView *win = delegate.window;
		[win addSubview:graff.view];
 
		[win.layer addAnimation:animation forKey:nil];
 
	}
    return NO;
}

アニメーションでFade in out させて別画面を起動させています。
最後にNOをreturnしているのは、呼び出し元画面を自動回転させないため。
あくまで横向き時に別画面を呼び出すことにとどめています。

横向き画面用に座標を変換

上の状態では画面を起動することはできますが、座標がホームボタンの左上になっているため、こんな画面になってしまいます。

背景画像も横向きサイズで用意したため、見事に縦に足りず、横にはみ出ています。

まずはViewのframeを横向きサイズに変更します。
ここでは呼び出し先のloadViewメソッドでframeを指定します。

^?View Code OBJECTIVE-C

- (void)loadView {
	CGRect frame = [[UIScreen mainScreen] applicationFrame];
	UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, frame.size.height, frame.size.width)];
	view.autoresizesSubviews = YES;
	self.view = view;
	[view release];
}

Interface Builderを使用している場合は、IB上でframeを横向きサイズに指定しておきます。

これで呼び出し先のビューでdrawRectしている内容も横向きサイズ内で描画されるようになります。こんな感じ。

次に、左下になっているUIViewの原点を横向きにした時に左上にくるように座標を変換します。
座標の変換にはCGAffineTransformを使います。

コードからみてしまうとこんな感じ

^?View Code OBJECTIVE-C

- (void)viewWillAppear:(BOOL)animated {
	CGAffineTransform transform = CGAffineTransformMakeRotation(M_PI * 90 / 180.0f);
	transform = CGAffineTransformTranslate(transform, 80, 80);
	self.view.transform = transform;
}

CGAffineTransformMakeRotationで引数にM_PI * 90 / 180.0fを与えていますが、こいつで座標を時計回りに90°回転させています。
ちなみに90°回転させた状態はこんな感じになります。

どうも回転は描画前のcenterを中心に行われるようです。たぶん。

次のCGAffineTransformTranslateで描画位置を移動させます。
ここではx軸に80px,y軸に80px移動させます。
x軸は右が、y軸は下が正の値です。

これをすると左上にずれてしまっているviewが右下に移動してこの形になります。

ですが、このままでは反対の横に回転させるとこんな画面になってしまいます。

今は、呼び出し元画面時に左右どちらに傾けようが、常に時計周りに座標を変換してしまっているためです。

なので呼び出し元での傾ける方向を呼び出し先画面に渡して、その値によって傾ける方向を変えてやります。

呼び出し元のコードは以下。

^?View Code OBJECTIVE-C

 - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
       //ホームボタンが下以外にある状態なら
 	if (UIInterfaceOrientationPortrait != interfaceOrientation){
 
		iPachiAppDelegate *delegate = (iPachiAppDelegate *)[[UIApplication sharedApplication] delegate];
 
               // Fade In Out のアニメーションで表示
		CATransition* animation;
		animation = [CATransition animation];
		animation.type = kCATransitionFade;
 
		[[UIApplication sharedApplication] setStatusBarHidden:YES animated:YES];
 
		GraffController *graff = [ControllerManager graffController];
 
　　　　 // 画面の向きを渡す
　　　　 graff.parentUIInterfaceOrientation = interfaceOrientation;
 
		UITabBarController *tab = delegate.tabBarController;
 
		[tab.view removeFromSuperview];
		UIView *win = delegate.window;
		[win addSubview:graff.view];
 
		[win.layer addAnimation:animation forKey:nil];
 
	}
    return NO;
}

呼び出し先のコードは以下。

^?View Code OBJECTIVE-C

- (void)viewWillAppear:(BOOL)animated {
       // 右にホームボタンがある場合
	if (self.parentUIInterfaceOrientation == UIInterfaceOrientationLandscapeRight ){
　　　　// 90°時計回りに回転
		CGAffineTransform transform = CGAffineTransformMakeRotation(M_PI * 90 / 180.0f);
		transform = CGAffineTransformTranslate(transform, 80, 80);
		self.view.transform = transform;	
 
       // 左にホームボタンがある場合
	} else if (self.parentUIInterfaceOrientation == UIInterfaceOrientationLandscapeLeft ){
　　　　// 90°半時計回りに回転
		CGAffineTransform transform = CGAffineTransformMakeRotation(M_PI * 270 / 180.0f);
		transform = CGAffineTransformTranslate(transform, -80, -80);
		self.view.transform = transform;
	}
}

呼び出し先にはこんな変数を定義しています。
UIInterfaceOrientation parentUIInterfaceOrientation;

ここまでで、横向き起動完了です。

おつかれさまです。

iphoneアプリで稼げるのか » 横向き

アプリをiPhone OS 3.0へ対応させる時がきました

関連のあるアプリ

関連する投稿

【UIVIewController】iPhoneを横向きにした時に別画面を表示する方法

本体回転の検知

横向き画面用に座標を変換

関連のあるアプリ

関連する投稿