怎么DIY快速制作一款手机App软件？

　　制作工具，它们普遍使用的是拼装式。这样的制作速度快，但是模板少，自定义效果差，更别提用户体验了。最重要的一点，最终

　　使用APICloud平台，用Web语言快速制作iOS、Android原生App软件。不仅了快速、高效的优势，更利于用户制作出多种多样，个性化强的App。

　　打开IDE后依次---文件---新建---创建APICloud项目。创建完成后在左侧【我的APP项目】里面会显示新建的项目，同时登录到网站控制台里面也会看到刚创建的项目。如下图：

　　这些文件就是APP的所有东西了，也就是widget包。到此一个项目创建完成，修改下index.html（入口文件），连上手机，CTRL+R进行真机调试，会发现手机上出现个APPLoader，这里面包含了你调试的所有项目。再开发过程中可以通过这个来真机调试。

　　如同开发web页面一样，一个HTML文件然后加上CSS和JS，来实现布局和效果。CSS文件夹存放你的样式，script来存放你的JS文件，html文件夹存放你的模板文件，index.html为APP的入口文件，就是好比个首页了。

　　我们来了解一下一个APP的结构，常用的APP布局有顶部，中间内容区域和底部。如下图：

　　在用APICLOUD的APP的开发过程中，一个页面的布局方式最好是通过窗口的套用来完成,即win+frame，举个例子来说明，我们在做网站后台的时候为了防止点击菜单页面刷新，我们有时会采用的布局是先做一个大框架，然后通过iframe来嵌套其他页面，然后我们开发的APP就好比是一个浏览器，我们可以通过iframe来显示一个页面，也可以在浏览器新窗口打开一个页面。那么回到我们的APP里面，index.html为入口框架，通过openFrame或openFrameGroup来加载其他页面（好比那个iframe了），如果想在新窗口中打开就使用openWin。

　　再回到的APP布局图里面分析一下，在index.html我们就只可以布局上下，中间内容区域通过openFrame或者openFrameGroup来加载其他页面的方式来实现。如果是打开一个窗口，通过openWin来打开一个页面，同理，然后打开的这个窗口里面再通过openFrame或或openFrameGroup来嵌套其他页面。

　　CSS样式就不多说了，跟web是一样的用法，上下布局完成后通过js来加载frm_list.html页面,openFrame的其他参数请参考文档

　　win_show.html的写法，这个页面我们就当个窗口来用，通过frame来加载详细内容页面：

　　通过更多的JS和css3动画效果，我们可以让APP更丰富些。流程都熟悉了大家可以上手做个简单的来试一下。

　　html5：在创建html时为了防止页面缩放等不兼容效果，要创建个viewport

　　api.js：为apicloud封装的js方法，如果使用记得先要引入，在script文件夹内