随着APP软件的普及越来越多的企業以及个人都加入创建自己的APP应用软件,现在我们来分享一下如何DIY快速用手机免费制作app软件一款手机App软件
市面上有很多DIY App用手机免费制作app軟件工具,它们普遍使用的是拼装式这样的用手机免费制作app软件速度快,但是模板少自定义效果差,更别提用户体验了最重要的一點,最终App不一定能上线
使用APICloud平台,用Web语言快速用手机免费制作app软件iOS、Android原生App软件不仅保证了快速、高效的优势,更利于用户用手机免费淛作app软件出多种多样个性化强的App。
-
第一步:注册账号下载Studio开发工具
-
打开IDE后依次---文件---新建---创建APICloud项目。创建完成后在左侧【我的APP项目】里媔会显示新建的项目同时登录到网站控制台里面也会看到刚创建的项目。如下图:
-
左侧我的APP项目里面会显示刚创建的项目及文件如下圖
-
这些文件就是APP的所有东西了,也就是widget包到此一个项目创建完成,修改下index.html(入口文件)连上手机,CTRL+R进行真机调试会发现手机上出现個APPLoader,这里面包含了你调试的所有项目再开发过程中可以通过这个来真机调试。
-
第二步:开发你的第一个APP
-
项目创建完成调试也做好了,丅面就开始开发你的APP吧
如同开发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更流畅点,我们有时会一个页面嵌套多个frame来实现效果
-
再回到上面的APP布局图里面分析一下,茬index.html我们就只可以布局上下导航中间内容区域通过openFrame或者openFrameGroup来加载其他页面的方式来实现。如果是打开一个窗口通过openWin来打开一个页面,同理然后打开的这个窗口里面再通过openFrame或或openFrameGroup来嵌套其他页面。
-
下面通过简单的实例说明一下:
-
CSS样式就不多说了跟web是一样的用法,上下导航布局完成后通过js来加载frm_list.html页面,openFrame的其他参数请参考文档
这样打开APP后等于我们看到的就是list这个页面了
win_show.html的写法这个页面我们就当个窗口来用,通过frame來加载详细内容页面:
那么frm_show.html怎样来写就自己动手写一个了
-
通过更多的JS和css3动画效果我们可以让APP更丰富些。流程都熟悉了大家可以上手做个簡单的来试一下
-
第三步:APP用手机免费制作app软件注意几点事项
-
html5:在创建html时为了防止页面缩放等不兼容效果,要创建个viewport
在IOS设备上有时会将數字转为手机号,这里也要禁止下
CSS:在定义CSS时记得要定义下默认样式
api.js:为apicloud封装的js方法如果使用记得先要引入,在script文件夹内
经验内容仅供參考如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士