iOS6, Android5のスマフォやタブレットに早くも対応したUI用のフレームワーク -ChocolateChip-UI ver2.0

iPad, iPhoneのiOS6, iOS5、AndroidのJelly Bean, Ice Cream Sandwichなど、最新のスマートフォンやタブレットデバイスに対応したUI用のフレームワークを紹介します。

サイトのキャプチャ

ChocolateChip-UI ver2.0
ChocolateChip-UI -GitHub

ChocolateChip-UIはWAMLと呼ばれるマークアップ言語を使い、簡単にさまざまなUIエレメントを実装できます。
制作時は、Webkit系ブラウザ(Chrome, Safari)などのデスクトップ環境でもテストできます。

下記に、ChocolateChip-UIのデフォルトで用意されているUIエレメントをいくつか紹介します。
もちろん、デザインはカスタマイズできます。

サイトのキャプチャ

Tutorials -Basic App Shell
ナビゲーションとツールバーを配置したシェル

サイトのキャプチャ

Tutorials -Basic Tableview
基本となるシンプルなタブ

サイトのキャプチャ

Tutorials -Advanced Tableviews
拡張したタブ

サイトのキャプチャ

Tutorials -Navigation Lists
ナビゲーションのリスト

サイトのキャプチャ

Tutorials -UIButtons
さまざまなボタン

サイトのキャプチャ

Tutorials -Selection Lists
リストの選択

サイトのキャプチャ

Tutorials -Deletion Lists
削除機能付きのリスト

サイトのキャプチャ

Tutorials -Switch Control
スイッチ

サイトのキャプチャ

Tutorials -Popup
ポップアップ

サイトのキャプチャ

Tutorials -Action Sheets
編集ボタン、削除・保存・キャンセル

サイトのキャプチャ

Tutorials -Activity Indicator
アクティビティ インディケーター

サイトのキャプチャ

Tutorials -Paging Control
ページのコントロール

サイトのキャプチャ

Tutorials -Progress Bar
プログレスバー

top of page

©2017 coliss