＠IT
AI IoT
Smart & Social
iOSアプリのUIを爆速で激ヤバにする2つのライブラリ...

iOSアプリのUIを爆速で激ヤバにする2つのライブラリ：生産性ガチアゲなオープンソースiOSライブラリ（2）（4/4 ページ）

» 2013年05月15日 18時00分公開

[川崎順平, 平川裕多，ソニックス]

前のページへ 1|2|3|4 　　　　　　

【2】ソースコードの変更

　まずは、ヘッダファイルを編集します

#import "AppDelegate.h"
#import "UIFoldAndFlipViewController.h"
@implementation AppDelegate
- (BOOL)application:(UIApplication *)application 
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    self.window.rootViewController = [[UIFoldAndFlipViewController alloc]
 initWithNibName:@"UIFoldAndFlipViewController" bundle: nil];
    [self.window makeKeyAndVisible];
    return YES;
}

AppDelegate.h

#import <UIKit/UIKit.h>
#import "MPFoldEnumerations.h"
#import "MPFlipEnumerations.h"
@interface UIFoldAndFlipViewController : UIViewController
{
    // 現在の画像番号
    int _current_image_number;
}
// アニメーションを行うView
@property (weak, nonatomic) IBOutlet UIView *contentView;
// Foldボタンタッチイベント
- (IBAction)touchFold:(id)sender;
// Flipボタンタッチイベント
- (IBAction)touchFlip:(id)sender;
@end

UIFoldAndFlipViewController.h

　次に、追加したViewとイベントの割り当てを行います。UIFoldAndFlipViewController.mを編集する前に、ヘッダで追加したViewとイベントを割り当てます、UIFoldAndFlipViewController.xibを開き、下記のように画像のように変更しました。

配置したViewにcontentViewを割り当てる

それぞれのボタンにTouch Up Insideイベントを割り当てる

　処理関連のコードを編集します。

#import "UIFoldAndFlipViewController.h"
#import "MPFoldTransition.h"
#import "MPFlipTransition.h"
@implementation UIFoldAndFlipViewController
@synthesize contentView;
- (id)initWithNibName:(NSString *)nibNameOrNil
bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        _current_image_number = 1;
    }
    return self;
}
- (void)viewDidLoad
{
    [super viewDidLoad];
    [self touchFold:nil];
}
// 次に表示するViewを返します。
- (UIView *) getNextView
{
    UIImage *image = [UIImage imageNamed:
                      [NSString stringWithFormat:@"sample%d.png", _current_image_number]];
    _current_image_number  = _current_image_number == 1 ? 2 : 1;
    UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
    return (UIView*)imageView;
}
// Foldボタンタッチイベント
- (IBAction)touchFold:(id)sender
{
    // アニメーション前のViewとアニメーション後のViewを指定し、アニメーションを行う
    UIView *previousView = [[[self contentView] subviews] objectAtIndex:0];
    UIView *nextView     = [self getNextView];
    [MPFoldTransition transitionFromView : previousView
                      toView             : nextView
                      duration           : [MPFoldTransition defaultDuration]
                      style              : MPFoldStyleDefault
                      transitionAction   : MPTransitionActionAddRemove
                      completion         : ^(BOOL finished) {
                          // アニメーションが終了した際の処理を記述
                      }
     ];
}
// Flipボタンタッチイベント
- (IBAction)touchFlip:(id)sender
{
    // アニメーション前のViewとアニメーション後のViewを指定し、アニメーションを行う
    UIView *previousView = [[self.contentView subviews] objectAtIndex:0];
    UIView *nextView     = [self getNextView];
    [MPFlipTransition transitionFromView : previousView
                      toView             : nextView
                      duration           : [MPFlipTransition defaultDuration]
                      style              : MPFlipStyleDefault
                      transitionAction   : MPTransitionActionAddRemove
                      completion         : ^(BOOL finished) {
                          // アニメーションが終了した際の処理を記述
                      }
     ];
}
@end