Asial Blog

Recruit! Asialで一緒に働きませんか?

Onsen UI 1.1.2をリリースしました!

カテゴリ :
フロントエンド(HTML5)
タグ :
HTML5
JavaScript


この記事では新しくリリースしたOnsen UI 1.1.2の新機能を紹介します。



Ioniconsをサポート


評価の高いアイコンライブラリであるioniconsをサポートしました。



「ion-」というプレフィックスを付けた上で「ons-icon」ディレクティブを記述することでioniconsのアイコンを使うことができます。詳細はこちらのドキュメントをご覧ください。




複数のジェスチャーをサポート





ジェスチャーを検知するための新しいコンポーネントを導入しました。新しく追加された「ons-gesture-detector」コンポーネントを使うことで、ピンチやドラッグ、スワイプなどのイベントを取得することができます。詳細に関してはこちらのドキュメントをご覧ください。




Androidの「戻るボタン」のイベントハンドリングがより柔軟に





Androidの「戻るボタン」がタップされた際のイベントをより柔軟にカスタマイズ可能になりました。それぞれのページで「戻るボタン」に特定のイベントハンドラーを付与することができます。詳細はこちらのドキュメントをご覧ください。



ons-templateディレクティブを刷新



「ons-template」タグを用いることで、1つのHTMLに複数のページ定義を包摂させることができるようになりました。「ons-template」タグの詳細はこちらのドキュメントをご覧ください。



チェンジログ


Githubのリポジトリにチェンジログは全て記載されています。

Added 'ons-gesture-detector' directive.
Added 'ons-template' directive.
core: Removed several memory leak possibilities.
core: Added minified scripts.
core: Changes ons.bootstrap() to accept dependency module names, e.g. ons.bootstrap(['ngAnimate']).
core: Added ons.findComponent(), ons.findParenComponentUntil() methods to retrieve components.
core: Added ons.setDefaultDeviceBackButtonListener(), ons.disableDeviceBackButtonHandler(), ons.enableDeviceBackButtonHandler() methods.
css-components: Updated border styles on some components for retina display.
css-components: Added 'button--outline' component.
css-components: Renamed 'icon-button' component to 'toolbar-button'.
css-components: Added 'toolbar-button--outline' component.
ons-navigator: Fixed #165.
ons-navigator: Added navigator.getDeviceBackButtonHandler().
ons-tabbar: Added 'animation' attribute.
ons-page: Added page.getDeviceBackButtonHandler(), page.setDeviceBackButtonHandler().
ons-modal: Added modal.getDeviceBackButtonHandler().
ons-modal: Fixed #182.
ons-sliding-menu: Added slidingMenu.getDeviceBackButtonHandler().
ons-icon: Added ionicons.
ons-scroller: Fixed #184.
ons-switch: Fixed #185.
ons-tabbar: Added tabbar.loadPage(), tabbar.getActiveTabIndex().
ons-tabbar: Changed tab-change behaivior to be cancelable with event.cancel() method on 'prechange' events.
ons-tabbar: Added 'animation' attribute and TabbarView.registerAnimator() to use tabbar animation on loading.