-PageRoot(\r
- Box({\r
- width : '10%',\r
- height : '10%',\r
- left : 5,\r
- top : 1,\r
+root = X.UI.PageRoot(\r
+ X.UI.HBox(\r
+ {\r
+ width : '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
- Box({\r
- width : 5,\r
- height : 5,\r
- left : '10%',\r
- bottom : '70%',\r
- bgColor : 0xff0000\r
+ X.UI.Box({\r
+ width : '25%',\r
+ height : '25%',\r
+ left : 0,\r
+ bottom : 0,\r
+ bgColor : 0xff0000\r
}),\r
- VBox(\r
+ X.UI.VBox(\r
{\r
- width : '50%',\r
- left : '49%',\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 : [ 2, 1.5 ],\r
- sizing : 'border'\r
+ padding : [ 4, 1 ],\r
+ sizing : 'border',\r
+ gapY : 1\r
},\r
- Box({\r
+ X.UI.Box({\r
width : '50%',\r
height : 2,\r
- left : '30%',\r
+ left : '25%',\r
bgColor : 0x999999\r
}),\r
- Text( 'Hello, world!', { width : '100%' } ),\r
- Text( '----------------------------', { width : '100%' } ),\r
- txt = Text( 'PettanR-team. rrrrrrrrrr', { width : '100%' } )\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
+ width : '100%',\r
+ gapX : 2,\r
+ bgColor : 0xff77ff\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
\r
-_text = X.Class._getPrivate( txt );\r
+function _onClick( e ){\r
+ alert( e.type );\r
+ console.log( e.type + ' -----------' );\r
+};\r