トップ «前の日記(2010-10-01) 最新次の日記(2011-07-01)» 編集

サイラスの本棚

2010-10-05 iPhoneプログラミングTips

背景が透けたモーダルビューを表示する

全画面を覆うビューはUIViewControllerのpresentModalViewController:animated:で簡単にできますが、これだとモーダルビューの背景は完全に隠れてしまいます。画面の大きさが全画面でない場合は背景を見えるようにした方が自然ですが、以下のようにして画面の一番前に表示するようにすればモーダルのような効果を実現できるようです。

InterfaceBuilderで表示したいビューを作成。backgroundはclearColorに設定する。

以下をViewControllerの実装に追加。(TestAppDelegateをアプリケーションの実際のデリゲート名に置き換える）

// Use this to show the modal view (pops-up from the bottom)
- (void) showModal:(UIView*) modalView {
	UIWindow* mainWindow = (((TestAppDelegate*) [UIApplication sharedApplication].delegate).window);
	CGPoint middleCenter = modalView.center;
	CGSize offSize = [UIScreen mainScreen].bounds.size;
	CGPoint offScreenCenter = CGPointMake(offSize.width / 2.0, offSize.height * 1.5);
	modalView.center = offScreenCenter; // we start off-screen
	[mainWindow addSubview:modalView];    // Show it with a transition effect
	[UIView beginAnimations:nil context:nil];   
	[UIView setAnimationDuration:0.7];	// animation duration in seconds
	modalView.center = middleCenter;
	[UIView commitAnimations];
}
- (void) hideModal:(UIView*) modalView {
	CGSize offSize = [UIScreen mainScreen].bounds.size;
	CGPoint offScreenCenter = CGPointMake(offSize.width / 2.0, offSize.height * 1.5);
    [UIView beginAnimations:nil context:modalView];
	[UIView setAnimationDuration:0.7];
	[UIView setAnimationDelegate:self];
	[UIView setAnimationDidStopSelector:@selector(hideModalEnded:finished:context:)];
	modalView.center = offScreenCenter;
	[UIView commitAnimations];
}
- (void) hideModalEnded:(NSString *)animationID finished:(NSNumber *)finished context:(void *)context {
	UIView* modalView = (UIView *)context;
	[modalView removeFromSuperview]; 
}

上記を呼び出す。（TestViewControllerを実際の名前に置き換える）

	// ビューをモーダル表示する
	testViewController = [[TestViewController alloc] initWithNibName:@"TestViewController" bundle:nil];
	testViewController.delegate = self;
	[self showModal:testViewController.view];

参考：http://ramin.firoozye.com/2009/09/29/semi-modal-transparent-dialogs-on-the-iphone/

コメント・コメントがあればどうぞ! E-mailアドレスは公開されません。

本日のリンク元


		2010年 10月
日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31