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