PG.Lib

主にUWP、C#に関することやガジェット系

Onsen UIを試してみる

Onsen UIという国産のテンプレートがあるのだが、Visual Studio 2015に対応しているので試してみた。

Onsen UIの導入

ツール→拡張機能と更新プログラムを開く。

SS

オンライン→検索ボックスに「onsen」と入力して、Onsen UI Templates for Visual Studio 2015 をインストールする。

SS

 

Onsen UIプロジェクトを試す

新規プロジェクトでTypeScript→Apache Cordova Apps内に、いくつかOnsen UIテンプレートが追加されている。

選択するとどんなテンプレートか右側に表示される。

Details TS

SS

Sliding Menu TS

SS

Split View TS

SS

Tab Bar TS

SS

 

個人的に一番興味のあるSliding Menuを試してみた。

バージョンが違うとこんなメッセージが出てくる模様。とりあえず「はい」とした。

SS

ビルド構成をWindows-AnyCPUに変更してそのまま実行してみた。

SS

メニュー!

SS

これはなかなか素晴らしい。

もちろん色々いじるには中身をある程度理解しないといけないけど、テンプレートとしては本当に良い感じ。

もうちょっとCordovaを勉強したら活用していこうかな。