-PageRoot(\r
- Box({\r
- width : '10%',\r
- height : '10%',\r
- left : 5,\r
- top : 1,\r
- bgColor : 0x0000ff\r
- }),\r
- Box({\r
- width : 5,\r
- height : 5,\r
- left : '10%',\r
- bottom : '70%',\r
- bgColor : 0xff0000\r
- }),\r
- VBox(\r
- {\r
- width : '50%',\r
- left : '49%',\r
- top : 5,\r
- bottom : 5,\r
- bgColor : 0x666666,\r
- borderColor : 0x111111,\r
- borderWidth : [ 0, 1, 0, 0 ],\r
- borderStyle : 'solid dotted',\r
- padding : [ 2, 1.5 ],\r
- sizing : 'border'\r
+\r
+X(\r
+ function(){\r
+ var source = [\r
+ {\r
+ label : 'ぺったんR',\r
+ summary : X.VERSION + ( X.buildTimeStamp ? ' ' + X.buildTimeStamp : '' )\r
+ },\r
+ {\r
+ label : 'レンダリングエンジン',\r
+ summary : X.UA.IE ? 'Trident' :\r
+ X.UA.Opera ? 'Presto' :\r
+ X.UA.Gecko ? 'Gecko' :\r
+ X.UA.KHTML ? 'KHTML' : X.UA.WebKit ? 'WebKit' : X.UA.Blink ? 'Blink' :\r
+ X.UA.Edge ? 'Edge' : 'Other'\r
+ },\r
+ {\r
+ label : 'OS',\r
+ summary : X.UA.Windows ? 'Windows' : X.UA.Mac ? 'Mac' : X.UA.Android ? 'Android' : X.UA.iOS ? 'iOS' : 'Other'\r
+ },\r
+ {\r
+ label : '起動時間',\r
+ summary : X.bootSpeed + 'ms'\r
+ },\r
+ {\r
+ label : '設定'\r
+ },\r
+ {\r
+ label : '情報'\r
+ },\r
+ {\r
+ label : 'ローカルストレージ'\r
+ },\r
+ {\r
+ label : '外部API接続'\r
+ },\r
+ {\r
+ label : 'HID'\r
+ }\r
+ ];\r
+\r
+\r
+ with( X.UI ){\r
+ Root(\r
+ List(\r
+ source,\r
+ AndroidItem().listen( X.UI.Event.ITEMDATA_CHANGED )\r
+ )\r
+ ); \r
+ };\r
+ }\r
+);\r
+\r
+\r
+var AndroidItem = X.UI.Box.inherits(\r
+ 'AndroidItem',\r
+ X.Class.NONE,\r
+ {\r
+ Constructor : function(){\r
+ this.Super( {\r
+ sizing : 'border',\r
+ bgColor : 0x34383B,\r
+ borderColor : 0x252527,\r
+ borderStyle : 'solid',\r
+ borderWidth : [ 0, 0, 0.15 ],\r
+ height : 4,\r
+ left : 0,\r
+ right : 0\r
+ } ).listen( X.UI.Event.TAP );\r
},\r
- Box({\r
- width : '50%',\r
- height : 2,\r
- left : '30%',\r
- bgColor : 0x999999\r
- }),\r
- Text( 'Hello,world!' ),\r
- Text( '----------------------------' ),\r
- Text( 'PettanR team' )\r
- )\r
-);
\ No newline at end of file
+ \r
+ handleEvent : function( e ){\r
+ var txt;\r
+ \r
+ switch( e.type ){\r
+ case X.UI.Event.ITEMDATA_CHANGED :\r
+ if( e.itemData.summary ){\r
+ this.add( X.UI.Text( e.itemData.label, {\r
+ fontColor : 0xAAAAAA,\r
+ fontBold : true,\r
+ top : 0.7,\r
+ left : 1\r
+ } ) )\r
+ .add( X.UI.Text( e.itemData.summary, {\r
+ fontColor : 0x777777,\r
+ fontSize : 0.8,\r
+ top : 3.1,\r
+ left : 1.27\r
+ } ) );\r
+ } else {\r
+ this.add( X.UI.Text( e.itemData.label, {\r
+ fontColor : 0xAAAAAA,\r
+ fontBold : true,\r
+ top : 1.35,\r
+ left : 1\r
+ } ) );\r
+ };\r
+ break;\r
+ \r
+ case X.UI.Event.TAP :\r
+ txt = this.getNodeAt( 0 );\r
+ txt.content( txt.content() + '+' );\r
+ };\r
+ } \r
+ } \r
+);\r
+\r
+\r
+\r