-root = X.UI.PageRoot(\r
- X.UI.HBox(\r
- {\r
- //width : '50%',\r
- height : '50%',\r
- bgColor : 0x44ffff\r
- },\r
- X.UI.Text( 'HTML4', { width : 3 } ),\r
- X.UI.Text( 'Ruby on Rails' ),\r
- X.UI.Text( 'js' ),\r
- X.UI.Text( 'SVG' ),\r
- X.UI.Text( 'heroku' ),\r
- X.UI.Text( 'flash' )\r
- ),\r
- X.UI.Box({\r
- width : '25%',\r
- height : '25%',\r
- left : '25%',\r
- top : '50%',\r
- bgColor : 0x0000ff\r
- }),\r
- X.UI.Box({\r
- width : '25%',\r
- height : '25%',\r
- left : 0,\r
- bottom : 0,\r
- bgColor : 0xff0000\r
- }),\r
- X.UI.VBox(\r
- {\r
- width : '40%',\r
- left : '55%',\r
- top : 5,\r
- bottom : 5,\r
- bgColor : 0x666666,\r
- borderColor : 0x111111,\r
- borderWidth : [ 0, 0, 0, 0 ],\r
- borderStyle : 'solid dotted',\r
- padding : [ 4, 1 ],\r
- sizing : 'border',\r
- gapY : 1\r
- },\r
- X.UI.Box({\r
- width : '50%',\r
- height : 2,\r
- left : '25%',\r
- bgColor : 0x999999\r
- }),\r
- X.UI.Text( 'Hello, world!' ),\r
- X.UI.Text( '----------------------------' ),\r
- text = X.UI.Text( 'PettanR-team. rrrrrrrrrr' )\r
- .listen( X.UI.Event.TAP, _onClick ),\r
- X.UI.HBox(\r
+\r
+X(\r
+ function(){\r
+ var source = [\r
+ {\r
+ label : 'ぺったんR',\r
+ summary : X.VERSION + ( X.buildTimeStamp ? ' ' + X.buildTimeStamp : '' )\r
+ },\r
{\r
- width : '100%',\r
- gapX : 2,\r
- bgColor : 0xff77ff\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
- X.UI.Text( 'HTML4', { width : 2 } ),\r
- X.UI.Text( 'Ruby on Rails', { width : 2 } ),\r
- X.UI.Text( 'js' ),\r
- X.UI.Text( 'SVG' ),\r
- X.UI.Text( 'heroku' ),\r
- X.UI.Text( 'flash' )\r
- )\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
-_root = X.Class._getPrivate( root );\r
-_text = X.Class._getPrivate( text );\r
\r
-function _onClick( e ){\r
- alert( e.type );\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
+ \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
OSDN Git Service
