Flipboard風のUIが実現出来るHMGLTransitionsが便利そう

このエントリーをはてなブックマークに追加
はてなブックマーク - Flipboard風のUIが実現出来るHMGLTransitionsが便利そう

TweetOverviewのUIデザインは、横スクロールを採用しているのですが、どうも、もうちょっとうまいやり方は無いかなと考えていて、ページめくり的なものを導入したいなと考えています。
ちょうど今日、Flipboardのコンテンツの日本語対応が行われたようで、やはり、FlipboardのUIは、使いやすいなと感じますね。

http://flipboard.com/
http://flipboard.com/


これを実現する便利そうなクラスがこちら。
Split82/HMGLTransitions

https://github.com/Split82/HMGLTransitions
https://github.com/Split82/HMGLTransitions

これによって、Viewに対するトランジション、ViewControllerをModalで出現させるTransitionが出来るようです。

動作画面
動作画面

ボタンを押すと…

Transition実行中
Transition実行中

このようにぱらぱらめくられています。

説明はこの様になっています。

HMGLTransitions is set of Objective C classes which can animate few UIKit transitions in iOS ( > 3.0). This is not enhancement of standard animations. This animation works differently. All transitions are presented in UIView with CAEAGLLayer using OpenGL, which gives you absolute freedom in creating almost any animation. You can start using only transitions already created. Right now this four transitions are available: Switch3DTransition, FlipTransition, RotateTransition and ClothTransition (more comming). To perform transition animation HMGLTransitionManager singleton object is used.

(抄訳)

HMGLTransitionsは、iOS3以上で動く、Viewのアニメーションを実現するObjective-Cクラスです。これは,通常のアニメーションの拡張機能ではありません。通常のアニメーションとは別に動作します。UIViewと、CAEAGLLayerで、OpenGLを使っていて、自由にアニメーションを作成出来る様になっています。既に作成されたトランジションを使用することが出来、4つのトランジションがデフォルトで組み込まれています。Switch3DTransition, FlipTransition, RotateTransition と ClothTransitionです。(さらに別のものも将来実装される予定です。)トランジションの管理は、シングルトンの、HMGLTransitionManagerを使用することが出来ます。

ということで、便利そうですね。gitHubを見ると、別の人から、cubeのTransitionなどもpull requestが来ているみたいです。少しこのコードを見て勉強したいと思います。

私も参加させていただいた、iOS5 プログラミングブックでは、ViewControllerのコンテナを作成出来る、Containerコントローラーに関する記述が、8章に書かれています。それを使って,controllerをうまく分けて表示するのもよいかもしれませんね。

iOS5プログラミングブック、6月の発売へ向けて、絶賛予約中です。

Comments

comments

Powered by Facebook Comments

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください