iOS6, Android5のスマフォやタブレットに早くも対応したUI用のフレームワーク -ChocolateChip-UI ver2.0
Post on:2012年11月1日
iPad, iPhoneのiOS6, iOS5、AndroidのJelly Bean, Ice Cream Sandwichなど、最新のスマートフォンやタブレットデバイスに対応したUI用のフレームワークを紹介します。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012110104.png)
ChocolateChip-UI ver2.0
ChocolateChip-UI -GitHub
ChocolateChip-UIはWAMLと呼ばれるマークアップ言語を使い、簡単にさまざまなUIエレメントを実装できます。
制作時は、Webkit系ブラウザ(Chrome, Safari)などのデスクトップ環境でもテストできます。
下記に、ChocolateChip-UIのデフォルトで用意されているUIエレメントをいくつか紹介します。
もちろん、デザインはカスタマイズできます。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012110105-01.png)
Tutorials -Basic App Shell
ナビゲーションとツールバーを配置したシェル
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012110105-02.png)
Tutorials -Basic Tableview
基本となるシンプルなタブ
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012110105-03.png)
Tutorials -Advanced Tableviews
拡張したタブ
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012110105-04.png)
Tutorials -Navigation Lists
ナビゲーションのリスト
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012110105-05.png)
Tutorials -UIButtons
さまざまなボタン
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012110105-06.png)
Tutorials -Selection Lists
リストの選択
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012110105-07.png)
Tutorials -Deletion Lists
削除機能付きのリスト
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012110105-08.png)
Tutorials -Switch Control
スイッチ
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012110105-09.png)
Tutorials -Popup
ポップアップ
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012110105-10.png)
Tutorials -Action Sheets
編集ボタン、削除・保存・キャンセル
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012110105-11.png)
Tutorials -Activity Indicator
アクティビティ インディケーター
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012110105-12.png)
Tutorials -Paging Control
ページのコントロール
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012110105-13.png)
Tutorials -Progress Bar
プログレスバー
sponsors