定义整个界面的JSON数据如下

{

div:{

style:{width:400,height:200,bgcolor:0xa4c5f7},

text:{

cont:"标题",

style:{top:10,left:10,width:100;height:20,font-color:0x000000,font-size:14,border:1,bgcolor:0xFFFF00}

},

text:{

cont:"这里是内容",

style:{top:40,left:10,font-color:0x000000}

}

}

}

 

用它实现的界面应该是如下图

 

 

利用AS读取上面的JSON数据，转成Object类型或者直接就是这个类型，分析其结构，要根据它绘制实现如图界面。

 

扩展：style内还可加入更多CSS元素，实现对应绘制

除了DIV，TEXT元素，还可实现，table,img,a,input等元素功能