开拓者在开拓app时须要对浩瀚效果图中每个页面的功能和布局进行方案，结合爱码哥移动运用开拓平台中现有的控件和方法，找到得当的布局控件。
以下图为例
我们首先想到的是利用list列表控件，但是动态添加时很麻烦，以是选择了grid网格控件。
如何动态创建grid控件和添加网格项
静态创建grid的代码：
<grid cols=”2”>
<item><label></label></item>
<item><label></label></item>
<item><label></label></item>
<item><label></label></item>
</grid>
在图中可以看到，想要新建科目须要添加新的item把内容展示出来。
动态创建控件和添加网格项
利用$C()方法来创建控件
var item = $C('<grid-item><item><label></label></item></grid-item>');
上面相称于一副骨（表）架（格），血（信）肉（息）通过调用json数据来添加
图片中的想要得到的json数据，通过键值对的办法获取对应信息，icon键获取write.png值
{
\"大众data\"大众: [
{
\"大众icon\"大众: \"大众write.png\公众,
\"大众name\公众: \"大众英语\公众,
\"大众time\"大众: \公众08:30-09:30\"大众,
\"大众task_num\"大众: \公众(1/3)\"大众,
\公众color\公众: \"大众#f4b0b2\公众
},
{
\"大众icon\"大众: \"大众read.png\"大众,
\公众name\公众: \公众语文\公众,
\"大众time\"大众: \"大众08:30-09:30\"大众,
\"大众task_num\"大众: \"大众(1/3)\"大众,
\"大众color\"大众: \公众#97c4ff\"大众
},
{
\"大众icon\公众: \公众write.png\公众,
\"大众name\"大众: \"大众数学\"大众,
\公众time\"大众: \"大众08:30-09:30\"大众,
\公众task_num\"大众: \"大众(1/3)\"大众,
\公众color\"大众: \"大众#5ce0fc\公众
}...
]
}
理解更多控件的利用请复制此地址： http://www.imagapp.com/doc
imag.js简介 ：
imag.js是一种NativeScript形式的框架，它兼具 Web 运用的灵巧和 Native 运用的高性能，可以利用 JavaScript 来开拓 iOS 和 Android 原生运用。在 JavaScript 中用Native抽象操作系统原生的 UI 组件，并内置一体化框架，结合 Java、.Net、php和HTML5等主流开拓措辞／开拓环境来写XML语法。敲一次代码，能够运行在多个平台上，平台同时领悟第三方API以及模板做事。
