Hatena::ブログ(Diary)

Yuya Yamaki’s blog このページをアンテナに追加 RSSフィード Twitter

2012年01月19日(木曜日)

MetroスタイルアプリのJavaScript版とXAML版のコントロール対比表(Developer Preview時点)

Metro style apps using JavaScript XAML
Expression Blend 5 DPアセット名 WinJS名 HTML要素 テンプレート化されたアセット クラス名
Application Bar AppBar div Command Bar, Navigation Bar ApplicationBar
Button - button Command Button, Command Button Flyout, Command Button Menu Button
CheckBox - input - CheckBox
Date Picker DatePicker div - -
Drop-down List Box - select - ComboBox
- - canvas - Ellipse
FlipView FlipView div - FlipView
- Fragments div - Frame
- - div - Grid
ListView(layoutをGridLayoutに変更) ListView div - GridView
Link - a - HyperlinkButton
Image - img - Image
SemanticZoom SemanticZoom div - JumpViewer
Multi-line List Box - select - ListBox
ListView ListView div - ListView
- - video - MediaPlayer
- - audio -
Password Input Control - input - PasswordBox
Flyout Flyout div Flyout Custom, Flyout Menu, Flyout Menu Item Popup
Progress Bar - progress - ProgressBar
Progress Ring - progress - ProgressRing
Radio Button - input - RadioButton
Rating Rating div - -
- - canvas - Rectangle
Rich Text Input Control - div - RichTextBlock
Settings Pane SettingsPane div Settings Pane Narrow, Settings Pane Wide -
Slider - input - Slider
Label - label - TextBlock
Sing Line Text Input Control - input Email Address Input Control, File Upload Control, Telephone Number Input Control, Number Input Control, URL Input Control TextBox
Multi-line Text Input Control - textarea -
Time Picker TimePicker div - -
Toggle Toggle div - ToggleSwitch
Tooltip Tooltip div - Tooltip
View Box ViewBox div - Viewbox