OSDN Git Service

Version 0.6.170, X.Audio is working ADVANCED_OPTIMIZATIONS.
[pettanr/clientJs.git] / 0.6.x / js / main.js
index ae31769..874940a 100644 (file)
-root = 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, 0, 0, 0 ],\r
-                       borderStyle : 'solid dotted',\r
-                       padding     : [ 4, 1 ],\r
-                       sizing      : 'border'\r
-               },\r
-               Box({\r
-                       width       : '50%',\r
-                       height      : 2,\r
-                       left        : '25%',\r
-                       bgColor     : 0x999999\r
-               }),\r
-               Text( 'Hello, world!', { width : '100%' } ),\r
-               Text( '----------------------------', { width : '100%' } ),\r
-               text = Text( 'PettanR-team. rrrrrrrrrr', { width : '100%' } )\r
-                       .listen( X.UI.Event.TAP, _onClick )\r
-       )\r
-);\r
-_root = X.Class._getPrivate( root );\r
-_text = X.Class._getPrivate( text );\r
+var scroll;\r
 \r
-function _onClick( e ){\r
-       alert( e.type );\r
-};\r
+with( X.UI ){\r
+       Root(\r
+               scroll = ScrollBox(\r
+                       Layout.Canvas,\r
+                       {\r
+                               width   : '100%',\r
+                               bgColor : 0x111111\r
+                       },\r
+                       VBox(\r
+                               {\r
+                                       borderColor : 0x252527,\r
+                                       borderWidth : [ 0.15, 0, 0 ],\r
+                                       height      : 'auto',\r
+                                       bgColor     : 0x444643,\r
+                                       gapY        : 0.1\r
+                               },\r
+                               Text(\r
+                                       'システム情報',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       'ユーザー設定',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       'ソーシャル設定',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       'ローカルストレージ利用設定',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       'システム環境設定',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       'ブラウザ情報',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       '端末スコア',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       'ブラウザ・プラグイン',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       'デバッグ情報',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               )\r
+                       )               \r
+               )\r
+       );\r
+}\r
+\r
+var __scroll = X.Pair.get( scroll );\r