X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.6.x%2Fjs%2Fmain.js;h=abe9b580bd9a00514dfa01a50401c9da68ab9de7;hb=e179079404973a959d1806464b7b6881b5510f2a;hp=77956ee3891a2526551505567725b82371be207a;hpb=8e63f506d14490e852fa557d326ca91f9cdd3baf;p=pettanr%2FclientJs.git diff --git a/0.6.x/js/main.js b/0.6.x/js/main.js index 77956ee..abe9b58 100644 --- a/0.6.x/js/main.js +++ b/0.6.x/js/main.js @@ -1,71 +1,168 @@ -root = X.UI.PageRoot( - X.UI.HBox( - { - width : '50%', - bgColor : 0x44ffff - }, - X.UI.Text( 'HTML4', { width : 3 } ), - X.UI.Text( 'Ruby on Rails' ), - X.UI.Text( 'js' ), - X.UI.Text( 'SVG' ), - X.UI.Text( 'heroku' ), - X.UI.Text( 'flash' ) - ), - X.UI.Box({ - width : '25%', - height : '25%', - left : '25%', - top : '50%', - bgColor : 0x0000ff - }), - X.UI.Box({ - width : '25%', - height : '25%', - left : 0, - bottom : 0, - bgColor : 0xff0000 - }), - X.UI.VBox( - { - width : '40%', - left : '55%', - top : 5, - bottom : 5, - bgColor : 0x666666, - borderColor : 0x111111, - borderWidth : [ 0, 0, 0, 0 ], - borderStyle : 'solid dotted', - padding : [ 4, 1 ], - sizing : 'border', - gapY : 1 - }, - X.UI.Box({ - width : '50%', - height : 2, - left : '25%', - bgColor : 0x999999 - }), - X.UI.Text( 'Hello, world!' ), - X.UI.Text( '----------------------------' ), - text = X.UI.Text( 'PettanR-team. rrrrrrrrrr' ) - .listen( X.UI.Event.TAP, _onClick ), - X.UI.HBox( +var scroll; + +with( X.UI ){ + PageRoot( + scroll = ScrollBox( + Layout.Canvas, { - width : '100%', - gapX : 2, - bgColor : 0xff77ff + width : '100%', + bgColor : 0x111111 }, - X.UI.Text( 'HTML4', { width : 2 } ), - X.UI.Text( 'Ruby on Rails', { width : 2 } ), - X.UI.Text( 'js' ), - X.UI.Text( 'SVG' ), - X.UI.Text( 'heroku' ), - X.UI.Text( 'flash' ) + VBox( + { + borderColor : 0x252527, + borderWidth : [ 0.15, 0, 0 ], + height : 'auto', + bgColor : 0x444643, + gapY : 0.1 + }, + Text( + 'システム情報', + { + //width : '100%', + sizing : 'border', + fontColor : 0xAAAAAA, + fontBold : true, + bgColor : 0x34383B, + borderColor : 0x252527, + padding : [ 1.35, 1, 1.5 ], + borderWidth : [ 0, 0, 0.15 ], + height : 4, + left : 0, + right : 0 + } + ), + Text( + 'ユーザー設定', + { + //width : '100%', + sizing : 'border', + fontColor : 0xAAAAAA, + fontBold : true, + bgColor : 0x34383B, + borderColor : 0x252527, + padding : [ 1.35, 1, 1.5 ], + borderWidth : [ 0, 0, 0.15 ], + height : 4, + left : 0, + right : 0 + } + ), + Text( + 'ソーシャル設定', + { + //width : '100%', + sizing : 'border', + fontColor : 0xAAAAAA, + fontBold : true, + bgColor : 0x34383B, + borderColor : 0x252527, + padding : [ 1.35, 1, 1.5 ], + borderWidth : [ 0, 0, 0.15 ], + height : 4, + left : 0, + right : 0 + } + ), + Text( + 'ローカルストレージ利用設定', + { + //width : '100%', + sizing : 'border', + fontColor : 0xAAAAAA, + fontBold : true, + bgColor : 0x34383B, + borderColor : 0x252527, + padding : [ 1.35, 1, 1.5 ], + borderWidth : [ 0, 0, 0.15 ], + height : 4, + left : 0, + right : 0 + } + ), + Text( + 'システム環境設定', + { + //width : '100%', + sizing : 'border', + fontColor : 0xAAAAAA, + fontBold : true, + bgColor : 0x34383B, + borderColor : 0x252527, + padding : [ 1.35, 1, 1.5 ], + borderWidth : [ 0, 0, 0.15 ], + height : 4, + left : 0, + right : 0 + } + ), + Text( + 'ブラウザ情報', + { + //width : '100%', + sizing : 'border', + padding : [ 1.35, 1, 1.5 ], + fontColor : 0xAAAAAA, + fontBold : true, + bgColor : 0x34383B, + borderColor : 0x252527, + borderWidth : [ 0, 0, 0.15 ], + height : 4, + left : 0, + right : 0 + } + ), + Text( + '端末スコア', + { + //width : '100%', + sizing : 'border', + fontColor : 0xAAAAAA, + fontBold : true, + bgColor : 0x34383B, + borderColor : 0x252527, + padding : [ 1.35, 1, 1.5 ], + borderWidth : [ 0, 0, 0.15 ], + height : 4, + left : 0, + right : 0 + } + ), + Text( + 'ブラウザ・プラグイン', + { + //width : '100%', + sizing : 'border', + fontColor : 0xAAAAAA, + fontBold : true, + bgColor : 0x34383B, + borderColor : 0x252527, + padding : [ 1.35, 1, 1.5 ], + borderWidth : [ 0, 0, 0.15 ], + height : 4, + left : 0, + right : 0 + } + ), + Text( + 'デバッグ情報', + { + //width : '100%', + sizing : 'border', + fontColor : 0xAAAAAA, + fontBold : true, + bgColor : 0x34383B, + borderColor : 0x252527, + padding : [ 1.35, 1, 1.5 ], + borderWidth : [ 0, 0, 0.15 ], + height : 4, + left : 0, + right : 0 + } + ) + ) ) - ) -); + ); +} -function _onClick( e ){ - alert( e.type ); - console.log( e.type + ' -----------' ); -}; +var __scroll = X.Pair.get( scroll );