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
UIFoldAndFlipViewController.m

 35〜40行目と51〜56行目がライブラリを使ってアニメーション処理をしているコードです。

【3】サンプルプロジェクトの実行

 プロジェクトを実行すると、サンプル画像が表示されます。Foldボタンを押すと「clear」のような折り畳みのエフェクトが起こり、画像が変更されます。Flipを押すと「Flipboard」のようなページめくりのアニメーションが始まり、画像が変更されます。

数時間〜数日を1時間足らずで

 以上でサンプルプログラムを使ったライブラリの説明は終わりですが、いかがでしたでしょうか。

 記事の通りに実装すると、動作を確認するのに1時間もかからないと思います。同様の動きをスクラッチで実現しようとすると、少なくとも数時間、下手したら数日かかってしまうかもしれません。この「生産性の差」がライブラリを利用することで得られる最も大きなメリットになります。

 今回は2つのライブラリに絞って紹介しましたが、連載第1回でも書いた通り、他にもさまざまなUIを実現するライブラリが存在します。利用するライブラリによって誤差はありますが、実装が用意にできるという意味では、どのライブラリも共通していますので、ぜひいろいろ試してみてください。

 本連載で作成したサンプルプログラムはGitHubで公開していますので、実装途中で何か困った場合や動きだけ確認されたい方は以下からダウンロードして実行してみてください。

 次回、第3回はどんなアプリでも必ず利用する「データ保持」をターゲットに、バックエンドのプログラムの観点で生産性をガチアゲできるライブラリを紹介したいと思います。

著者プロフィール


川崎 順平(かわさき じゅんぺい)


株式会社ソニックス スマートデバイスソリューション事業部 コンサルティンググループ

コンサルティング業務として、モバイルファースト開発ガイドラインテストガイドラインの作成を行いながら、日々各スマートデバイス向けアプリケーションの開発に従事。Windowsストアアプリ開発コミュニティ「Windows 8 Developers」もやってます。


平川 裕多(ひらかわ ゆうた)


株式会社ソニックス スマートデバイスソリューション事業部

板前から転身したエンジニア。iOS開発歴3年。今は自社クラウドサービス「Scirocco Cloud」の開発を日々行っています。趣味は醤油工場めぐり。


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

Copyright © ITmedia, Inc. All Rights Reserved.

スポンサーからのお知らせPR

注目のテーマ

Microsoft & Windows最前線2025
AI for エンジニアリング
ローコード/ノーコード セントラル by @IT - ITエンジニアがビジネスの中心で活躍する組織へ
Cloud Native Central by @IT - スケーラブルな能力を組織に
システム開発ノウハウ 【発注ナビ】PR
あなたにおすすめの記事PR

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。