Tizen Wep App のサンプルを動かしてみよう(TizenWinset)
前提条件
本記事の内容を試す場合は、以下のソフトウェアが必要となります。
Tizen SDK
Tizen SDKをインストールされていない場合は、次の記事を参考にインストールしてください。
-
Tizen Webシュミレータを動作させるために必要です。次のURLからダウンロードしてください。
http://www.google.co.jp/intl/ja/chrome/browser
Tizen Web シュミレータについての詳細はWeb Simulatorを参照ください。
TizenWinset を動かしてみる
TizenWinsetは、Tizen SDK付属のWeb Appのサンプルです。
このサンプルから、Tizen Web UI フレームワークの使い方がわかります。
では、サンプルを動かしてみましょう。
Tizen IDEを起動します。
もしWebcome画面が表示されていたら、邪魔なのでWebcome画面を最小化するか消してしまいましょう。
メニューから File -> New -> Tizen Web Project を選択します。
Sample -> Web App -> TizenWinsetを選択します。
Project name に名前を入力します。ここでは、TizenWinsetにします。
「Finish」を押して次に進みます。
Project Explorer に TizenWinsetが配置されました。
これから、TizenWinsetをWeb シュミレータで動かします。
メニューから、 Run -> Run を選択します。
Tizen Web simulator Application を選択します。
「OK」を押すと次に進みます。
Web シュミレータ が立ち上がりました。 UIの項目別にリストに分けられています。
UIをそれぞれスクリーンキャプチャで紹介します。
Controls
Button
Check
Flip Toggle Switch
Radio
Searchbar
Entry
Time picker
Progressbar
Slider
Segment Control
Group Control(new segment)
Token Text Area
Page Layout
Naviframe
Header/Footer(fixed/non-fixed) Control
Back Button Control
Tabbar
Tabbar
Persist toolbar
Scrollview
Horizontal Scroll
Vertical Scroll
XY Scroll
Handler
Scroll Jump
List
List
Autodividers
Fastscroll
Popup
Popup
Context Popup
Notification
TickerNoti
TickerNoti Interval
Small Popup
Small Popup Interval
Gallery
- Gallery
- Gallery
Virtual Grid
Virtual Grid
Virtual Grid - Rotation
Virtual Grid - List
Virtual Grid - X
Virtual Grid - Size
Multimedia View
- Multimedia view
- Multimedia view
Programming Tips
- Generate Elements by JS
Using custom Globalize culture files
2 line text
Example for using listview
Page transitions
- Generate Elements by JS
以上で サンブル TizenWinset の紹介を終わります。
Tizen Dev Guide
TizenWinset についての概要はTizenWinset Sample Overview を御覧ください。