大家好，小评来为大家解答以上问题。如何用手机制作app软件，手机怎制作简单的app很多人还不知道，现在让我们一起来看看吧！
1、打开IDE后，依次创建APICloud项目——文件——新建。创建完成后，新创建的项目会显示在左侧我的APP项目中，登录网站控制台时也会看到新创建的项目。如下图所示：
(相关资料图)
2、左边我的APP项目会显示新创建的项目和文件，如下图。
3、这些文件就是APP里的一切，也就是widget包。当这个项目创建完成后，修改index.html(入口文件)，连接手机，用CTRL R调试真机，你会发现手机上有一个APPLoader。
4、这包含您调试过的所有项目。在重新开发过程中，您可以使用它来调试真实的机器。
5、项目创建调试完成后，我们开始开发你的APP吧。
6、就像开发一个网页一样，一个HTML文件后面跟着CSS和JS来实现布局和效果。CSS文件夹存储您的样式，脚本存储您的JS文件，html文件夹存储您的模板文件。
7、Index.html是APP的入口文档，就像一个主页。
8、我们来看看一个APP的结构。常用的APP布局有顶部导航、中间内容区和底部导航。如下图所示：
9、在使用APICLOUD开发一个APP的过程中，页面的布局最好通过一个窗口的应用来完成，也就是win frame。比如我们在做网站后台的时候为了防止菜单页面刷新，
10、我们有时候采用的布局是先做一个大框架，然后通过iframe嵌套其他页面。然后我们开发的APP就像一个浏览器。我们可以通过iframe显示页面，或者在新的浏览器窗口中打开页面。
11、然后回到我们的应用程序，index.html是门户框架，其他页面(如iframe)通过openFrame或openFrameGroup加载。如果您想在新窗口中打开它，请使用openWin。
12、为了让应用程序更流畅，我们有时会在一个页面中嵌套多个框架来达到效果。
13、我们回到上面的APP布局来分析一下。在index.html，我们只能上下导航，中间的内容区域是通过openFrame或者openFrameGroup加载其他页面实现的。如果你正在开窗，
14、通过openWin打开一个页面，同样的，在这个打开的窗口中通过openFrame或者openFrameGroup嵌套其他页面。
15、OpenWin openFrame是apicloud的一个api对象方法。可以参考论坛里的文档看说明。
16、这里有一个简单的例子来说明：
17、index.html-入口
18、html/frm_list.html
19、html/win_show.html
20、html/frm_list.html
21、index.html
22、!doctype html
23、html
24、head
25、 metacharset="utf-8"
26、 meta name="viewport"content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/
27、 meta name="format-detection"content="telephone=no"/
28、 titledemo/title
29、/head
30、body
31、Header Top Navigation/Header
32、Footer bottom menu/footer
33、/body
34、/html
35、CSS样式就不多说了，和web的用法一样。上下导航布局完成后，通过js加载frm_list.html页面。openFrame的其他参数请参考文档。
36、script
37、 apiready=function () {
38、 api.openFrame({
39、 name: "frm_list",
40、 url:"html/frm_list.html"
41、 })
42、 }
43、/script
44、这样打开APP后，意味着我们看到的是列表页面。
45、在frm_list.html中打开一个新窗口
46、!doctype html
47、html
48、head
49、 metacharset="utf-8"
50、 meta name="viewport"content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/
51、 metaname="format-detection" content="telephone=no"/
52、 titledemo/title
53、/head
54、body
55、 ul
56、李列表1/李
57、 /ul
58、/body
59、script type="text/javascript"
60、 apiready=function (argument) {
61、 }
62、 functionopenShow(){
63、 api.openWin({
64、 name: "win_show",
65、 url: "win_show.html"
66、 })
67、 }
68、/script
69、/html
70、加个ONCLICK事件，跟web是一样滴
71、win_show.html的写法，这个页面我们就当个窗口来用，通过frame来加载详细内容页面：
72、!doctype html
73、html
74、head
75、 metacharset="utf-8"
76、 meta name="viewport"content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/
77、 metaname="format-detection" content="telephone=no"/
78、 titledemo/title
79、/head
80、body
81、 header内容/header
82、/body
83、script type="text/javascript"
84、 apiready=function(argument) {
85、 api.openFrame({
86、 name: "frm_show",
87、 url: "frm_show.html"
88、 })
89、 }
90、/script
91、/html
92、那么frm_show.html怎样来写就自己动手写一个了
93、通过更多的JS和css3动画效果，我们可以让APP更丰富些。流程都熟悉了大家可以上手做个简单的来试一下。
94、html5：在创建html时为了防止页面缩放等不兼容效果，要创建个viewport
95、meta name="viewport"content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/
96、在IOS设备上，有时会将数字转为手机号，这里也要禁止下
97、meta name="format-detection"content="telephone=no"/
98、CSS：在定义CSS时记得要定义下默认样式
99、api.js：为apicloud封装的js方法，如果使用记得先要引入，在script文件夹内
本文到此结束，希望对大家有所帮助。
