VOYAGE GROUP　エンジニアブログ

こんにちは。VOYAGE GROUP で主に iOS アプリの開発をしている Swift はまだ様子見の @qmihara です。

iOS 8 では Push 通知に選択肢を付けられるようになりますね。

実際にどのようにすれば良いのか気になったので試してみました。

 

環境

Push 通知の設定

[[UIApplication sharedApplication] registerForRemoteNotifications]; // <- Push 通知の利用登録(デバイストークンの発行)

UIUserNotificationSettings *notificationSettings = [UIUserNotificationSettings settingsForTypes:UIUserNotificationTypeAlert|UIUserNotificationTypeBadge|UIUserNotificationTypeSound categories:nil];

[[UIApplication sharedApplication] registerUserNotificationSettings:notificationSettings]; // <- 利用許可を求めるアラートの表示

選択肢の設定

UIMutableUserNotificationAction *acceptAction = [UIMutableUserNotificationAction new];

acceptAction.identifier = @"ACCEPT_IDENTIFIER";

acceptAction.title = @"Accept";

acceptAction.activationMode = UIUserNotificationActivationModeBackground;

acceptAction.destructive = NO;

acceptAction.authenticationRequired = NO;

UIMutableUserNotificationAction *maybeAction = [UIMutableUserNotificationAction new];

maybeAction.identifier = @"MAYBE_IDENTIFIER";

maybeAction.title = @"Maybe";

maybeAction.activationMode = UIUserNotificationActivationModeBackground;

maybeAction.destructive = NO;

maybeAction.authenticationRequired = NO;

UIMutableUserNotificationAction *declineAction = [UIMutableUserNotificationAction new];

declineAction.identifier = @"DECLINE_IDENTIFIER";

declineAction.title = @"Decline";

declineAction.activationMode = UIUserNotificationActivationModeBackground;

declineAction.destructive = YES;

declineAction.authenticationRequired = NO;

UIMutableUserNotificationCategory *inviteCategory = [UIMutableUserNotificationCategory new];

inviteCategory.identifier = @"INVITE_CATEGORY";

[inviteCategory setActions:@[acceptAction, maybeAction, declineAction] forContext:UIUserNotificationActionContextDefault];

[inviteCategory setActions:@[acceptAction, declineAction] forContext:UIUserNotificationActionContextMinimal];

NSSet *categories = [NSSet setWithObjects:inviteCategory, nil];

UIUserNotificationSettings *notificationSettings = [UIUserNotificationSettings settingsForTypes:UIUserNotificationTypeAlert|UIUserNotificationTypeBadge|UIUserNotificationTypeSound categories:categories];

[[UIApplication sharedApplication] registerUserNotificationSettings:notificationSettings];

選択肢付き Push 通知を送る

{

  "aps": {

    "alert": "Invitation from Jane Appleseed",

    "category": "INVITE_CATEGORY"

  }

}

- (void)application:(UIApplication *)application handleActionWithIdentifier:(NSString *)identifier forRemoteNotification:(NSDictionary *)userInfo completionHandler:(void (^)())completionHandler {

    if ([identifier isEqualToString:@"ACCEPT_IDENTIFIER"]) {

        // ...

    } else if ([identifier isEqualToString:@"MAYBE_IDENTIFIER"]) {

        // ...

    }

    if (completionHandler) {

        completionHandler();

    }

}

UILocalNotification *localNotification = [UILocalNotification new];

localNotification.alertBody = @"Local notification";

localNotification.category = @"INVITE_CATEGORY";

[application scheduleLocalNotification:localNotification];

- (void)application:(UIApplication *)application handleActionWithIdentifier:(NSString *)identifier forLocalNotification:(UILocalNotification *)notification completionHandler:(void (^)())completionHandler {

    if ([identifier isEqualToString:@"ACCEPT_IDENTIFIER"]) {

        // ...

    } else if ([identifier isEqualToString:@"MAYBE_IDENTIFIER"]) {

        // ...

    }

    if (completionHandler) {

        completionHandler();

    }

}

まとめ

こんにちは、VOYAGE GROUPエンジニアのガイアです
最近はiOSアプリの開発を主にやってます。
今までのiOSアプリ開発でアニメーションはほぼ触ったことがなかったのですが、今回アニメーションを行う用件が出てきたので、今回やったことを紹介します。
 

今年の5月始め、facebookがアニメーションエンジン「Pop」を発表しました。
「Pop」はfacebookがリリースしたアプリ「Paper」で使われているアニメーションライブラリをオープンソース化したものです。海外では盛り上がっています。
GithubでPopのページを見ると注目度の高さが分かります。

iOSでアニメーションは初めてですが、せっかくなのでPopを使ってみました。

- Pop

github pop
https://github.com/facebook/pop

facebook engineer blog
https://code.facebook.com/posts/234067533455773/introducing-pop-the-animation-engine-behind-paper/

このページでPopにおける目標が3つあげられています。
この目標自体がこのPopを使う利点でもあります。

1. 一般的なアニメーションを便利に利用する
2. ポップは拡張可能なフレームワークにする
3. 開発者に優しいかつ強力なプログラミング·モデルを構築する

- install

CocoaPodsでインストールできます。

pod ‘pop’, ‘~> 1.0’

必要なところでインポートします。

#import <pop/POP.h>

- Code

では実際のコードを見ていきます。

SpringAnimation

Boundsを変更するばねのようなアニメーション

POPSpringAnimation *anim = [POPSpringAnimation animationWithPropertyNamed:kPOPLayerBounds];
- POPSpringAnimationのインスタンスを作成
- LayerBoundsをアニメーションさせる

DecayAnimation

XYの位置を変更するDecayアニメーション

 POPDecayAnimation *animX = [POPDecayAnimation animationWithPropertyNamed:kPOPLayerPositionX];
- POPDecayAnimationのインスタンスを作成
- LayerPositionのXをアニメーションさせる

2つアニメーションを定義すると合成される。

BasicAnimation

POPBasicAnimation *anim = [POPBasicAnimation animationWithPropertyNamed:kPOPViewAlpha];
- POPBasicAnimationのインスタンスを作成
- kPOPViewAlpha:Alphaの値をアニメーション

普通のアニメーションも同様に記述できるため覚えることが少なくて済みます。

PropertyNamedを変更すればアニメーションする要素を変更できます。

割と簡単にアニメーションできてしまいます。
Popを使わずにアニメーションしようとすると実装方法は複数あります。
Objective-Cでアニメーションまとめ
 

PopではNSObjectにカテゴリで関数を追加しているため、CALayerやUIViewなどで同じアニメーションのコードを書けます。
これがコードが統一され、「開発者に優しいかつ強力なプログラミング·モデル」を提供できている要因の一つのようです。（ってfacebook engineer blog に書いてありました）

- 拡張可能

２番目のポップは拡張可能なフレームワークにするとはどういうことでしょう？
実はアニメーションのカスタムプロパティを作ることができるようです。
Playing with pop (iv)

試しにLabelの数値をカウントアップするプロパティを作ってみました。

プロパティがなくても割と簡単に作ってしまえるのはいいですね。

- おまけ  複数アニメーションを直列で実行したい

Blockを使えばできますが、簡単にできるようにライブラリを提供してくれている人がいました。
このライブラリを使えばBlockが使えるだけでなく、Popの構文をさらに短縮してくれます。
POP+MCAnimate

install

pod 'POP+MCAnimate', '~> 1.0'

#define MCANIMATE_SHORTHAND
#import <POP+MCAnimate.h>

code

まずは構文の短縮です

同じ動作をするコードです

pop

pop+MCAnimate

さらにアニメーションをBlockで分けて記述することが可能です。
ばねのようなアニメーションの後X軸で回転するアニメーションです。

割と直感的に書けるのでいいと思いました。
（おそらくPopそのままでも直列のアニメーションを書けるとはおもいますが…)

実際にPopを使ってみて、まだまだできないこともありますができる限りPopを使いたいです。
（コードが統一されるため）
そして、こんな僕でも簡単にアニメーションが作れました !
ありがとうPop !
 

記事のサンプルコード https://github.com/Gaia-Murata/PopDemo

ユーザーインターフェースを変更する（サーバーを使わない場合）

ユーザーインターフェースを変更する（サーバーを使った場合）

データ構造の変更に対応する

普通にStoryboardで生成するだけでは、このオブジェクトのプロパティは初期化されただけの状態ですが、右の「User Defined Runtime Attributes」の部分に入力したい値をいれておけば、このオブジェクトが生成されたときに、指定した値が入力されます。

 

処理の流れとしてはこんな感じになります。

1. DITTableViewControllerの初期化時にStoryboardで、APIのEndPointとして、「http://itunes.apple.com/jp/rss/topfreeapplications/limit=20/json」の値が設定される
2. DITTableViewControllerのviewWillAppearで指定されたAPIのEndPointからJsonを取得し、かつ「feed.entry」で指定されたKey Pathの値をArrayとして内部に保持する

このAPIのEndPointと、表示データのArrayとして読み込むKey Pathの値をどちらもStoryboardで設定できるようにしておくことで、APIを変更した場合や、データベース構造が変更になった場合にも、Storyboardを差し替えるだけで対応できるようになりました。

また、画面に表示する要素も同じ仕組みで変更することが可能です。

この図では、UILabelを継承したDITLabelを使って、上記でダウンロードされたJsonファイルの中のim:artist.label要素を画面に表示するようにしています。

 

この仕組みを使うと、データベースの変更などにも、 Storyboardを変更するだけで対応することができます。

サンルコードのなかに、ソースコードを変更せずにStoryboardだけで「無料アプリリスト」と「映画リスト」をiTunesから取得して表示する画面を作ったので確認してみてください。 

測定

まとめ