X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.6.x%2Fjs%2Fmain.js;h=abe9b580bd9a00514dfa01a50401c9da68ab9de7;hb=0a4e04fb0af6e1b2e452d1a8c0822e723d32a0ee;hp=843ba40a339a0b8512f7437646526ddeab5599ab;hpb=d4a9a51a78712817a3a4bbfd9a09e9ddccc9aaf0;p=pettanr%2FclientJs.git

diff --git a/0.6.x/js/main.js b/0.6.x/js/main.js
index 843ba40..abe9b58 100644
--- a/0.6.x/js/main.js
+++ b/0.6.x/js/main.js
@@ -1,31 +1,168 @@
+var scroll;
 
-PageRoot(
-	VBox({
-		width   : '30%',
-		height  : 10,
-		left    : '10%',
-		top     : 12,
-		bgColor : 0xcccccc
-	}),
-	VBox({
-		width       : '50%',
-		height      : 10,
-		left        : '30%',
-		bottom      : 12,
-		bgColor     : 0x999999
-	}),
-	VBox(
-		{
-			width       : '50%',
-			left        : '49%',
-			top         : 5,
-			bottom      : 5,
-			bgColor     : 0x666666,
-			borderColor : 0x111111,
-			borderWidth : [ 0.5, 1, 5 ],
-			borderStyle : 'solid dotted',
-			sizing      : 'border'
-		},
-		Text( 'Hello,world' )
-	)
-);
\ No newline at end of file
+with( X.UI ){
+	PageRoot(
+		scroll = ScrollBox(
+			Layout.Canvas,
+			{
+				width   : '100%',
+				bgColor : 0x111111
+			},
+			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
+					}
+				)
+			)		
+		)
+	);
+}
+
+var __scroll = X.Pair.get( scroll );