Asial Blog

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

Onsen UI Developer Preview 2リリース!

カテゴリ :
デザイン・UI
タグ :
onsenui
この記事は、英語版アシアルブログの翻訳記事です。
(原文はこちら

==============================

今日はOnsen UI のdeveloper preview バージョン2をリリースします!

今回のリリースの大きなポイントは
Font Awesome(フォントオーサム)をサポートしたことです。



テーマ機能



我々チームのデザイナーが6つのテーマ(Onsen UI--Blue, Green, Orange, Pink, Purple, and Yellow)を作成しました。
ここではいくつかのスクリーンショットを紹介します。


Blue



1.Blue1.Blue_controls



Orange




1.Orange1.Orange_controls



Purple




1.Purple1.Purple_controls



使い方


1. プラグイン設定を表示します


Onsen UIプロジェクトのIDEを開き、プラグイン設定を以下のように表示します。

2.go_to_plugins_ja



2. 好きなテーマを選択します


Onsen UI プラグインの場所までスクロールし、好きなテーマを選択してください。

3.plugins_settings_ja


3. テーマを確認する


あなたのプロジェクトで「プレビュー」を使って実際にご覧になってください!



Font Awesome



Onsen UIはFont Awesomeをサポートしています。ここでは簡単な使い方を紹介します。




In Navigator


  1. <ons-navigator left-button-icon="fa fa-bars"/>
Navigaor_font_awesome


Inside Button


  1. <ons-button>
  2.     <i class="fa fa-thumbs-up"></i> Like
  3. </ons-button>
Like button


まとめ


私達はみなさんからのフィードバックを必要としています。
GitHubにて忌憚のない意見をお聞かせ下さい。よろしくお願いします。