HBuilder开发App教程03-定制图标,启动页以及打包

helloworld

上次说到了helloworld。你应该已经能够新建项目。真机调试了,

这次来说说图标的定制,启动页的定制以及打包。

图标定制

假设不定制图标的话,默认会是博文顶部图表的样子,

你肯定不想这个样子,来吧。定制一个自己的图标吧。

打开项目下的manifest.json,选择底部的图标配置(老版本号需升级到最新版)。

然后选择一个制作好的256*256大小的png,系统会自己主动生成各种大小的图标。

启动页定制

步骤和上面一样,至不要要选择启动图片配置一项。

然后依照各种图片大小格式选择制作好的图片。

假设你仅仅生成android的app,仅仅须要设置android的图片。

打包

应用信息

选择应用信息一项,然后

1.填写应用名称

也就是之后显示在手机上的app名称

2.版本

由于开发的时候会频繁改动打包,

所以建议用版本做区分。比如使用1.1.1.2015070401,代表:大。中。

小。日期

3.页面入口

app启动后的入口页面。这个非常重要。之后会具体解说。

4.重力感应

有四中模式,一般仅仅须要选择第一种即可了。也就是正常屏幕,

有其它须要在依次选择。

SDK配置

也就是引用三方插件的配置,

大部分都是须要输入你自己的ak,sk,

相关使用请參考第三方sdk,

这里仅仅须要配置ak,sk。

比較经常使用的是登录,支付,推送,分享。

权限配置

为了给用户一个更好的体验,

须要将不须要的权限删掉。

仅仅保留必须的权限。

云端打包

配置了这么多总算能够打包了,

Hbuilder默认是在云端打包的,

也就是将你的代码提交上去。进行打包。然后你下载打好的包,

长处:无论你的机器配置高低,仅仅要网速快都能够非常快的打好包。

当然你也能够进行本地打包。那样就须要android环境和ios环境,不做推荐。

详细的选择:

1.选择平台

选择android或ios。或者两者都有

2.选择证书

假设仅仅是自己玩能够选择公用证书。

可是这样不能发到线上,假设要公布到线上须要自己申请google和apple的证书。

3.点击打包

点击打包,然后等待吧。系统会显示运行进度,当打包完毕后会自己主动下载到本地,

打开包所在目录就能够使用app了。

很多其它教程:

HBuilder开发App教程:http://uikoo9.com/book/detail/3

很多其它学习笔记:http://uikoo9.com/book

时间: 2025-01-04 00:29:13

HBuilder开发App教程03-定制图标,启动页以及打包的相关文章

HBuilder开发App教程02-环境搭建,HelloWorld以及真机调试

环境搭建 前言 用HBuilder做开发,其实可以说是最简单的一种环境搭建了,甚至可以说没有环境需要搭建, 想想android开发的时候,相当痛苦,下载各种sdk,而且都需要翻墙,苦不堪言. 用HBuilder做开发,只需要基础的java环境,其余的android和ios环境统统不需要. HBuilder可以做到这一点,是因为: 1.将打包放到的云端,免去了本地搭建环境进行打包的痛苦, 2.将调试直接设置为真机调试,免去了各种模拟器调试的痛苦. java环境 只需要最基础的java环境,也就是c

HBuilder开发App教程13-ios调试以及发布【完结】

完结 不知不觉,教程就完结了,感觉很快,有可能是app过于简单吧,或者自己讲的不是很详细? 不管怎么样,总算完结了,附一张美女图片,犒劳下~ ios调试 之前的真机调试一直是用的android真机,今天用了下iphone6,感觉也没啥难度,具体如下: 1.首先你需要有一台iphone,然后数据线连接电脑 2.这之前需要下载itunes,这里,然后是安装itunes 3.最后你现在下载的itunes版本肯定大于12.1,所以还需要安装ios连接插件, 这个插件是Hbuilder的插件,记得安装完成

HBuilder开发App教程01-推开前端开发App的大门

奇妙的前端,奇妙的js 众所周知,自从js有nodejs后,前端人员可以华丽的转身,去开发高并发非阻塞的服务端程序, 随着html5的出现,伴随一些amazing的特性,h5开发app的技术越发的成熟, 自从2008年国外推出phonegap后,前端人员又踏上开发app的路程, 今年来国内也对应推出了一些可以让前端人员开发app的ide, 不过大部分是收费的,强定制的,这里就不一一列举了. 这里推荐DCloud推出的HBuilder,一句话谁用谁知道. 一次开发两种app 通过HBuilder的

HBuilder开发App教程06-首页

实战 前面几节基本是一些概念的普及, 正如前面提到的,本教程会以滴石作为范例进行解说, 有兴趣的能够先行下载体验一下.或者下载源代码研究下. 新建项目 打开HBuilder,在项目管理器中右键--新建--移动app,或者直接ctrl+n,a, 见到例如以下界面.填入项目名称,选择mui项目. 新建完毕后.默认生成的文件夹例如以下.基本和前端开发的文件夹结构类似. 连接手机 本教程临时以android为例,最后会另外解说ios手机的开发,大同小异. 用数据线连接android手机,将手机中的设置-

HBuilder开发App教程07-列表页

说明 接着上节的内容,本节讲首页的list页面, 如果看过上一节你就会明白"首页"是由只有头部的index页面和列表list页面组成的, 本节涉及到: 1.几种页面的打开方式 2.websql的应用 3.页面内容的加载 4.页面实现 几种页面打开方式 如果看过以前的章节你会明白,在Hbuilder,mui中需要放弃href跳转, 而专用mui自带的页面打开方式,为什么?请浏览:http://ask.dcloud.net.cn/article/122 这里大概讲一下,详细讲解请关注下一节

HBuilder开发App教程09-侧滑菜单

侧滑菜单 功能 上节讲到了列表页,这节讲一个比较常用的功能,侧滑菜单, 在本app中策划菜单用来记录已经完成的事项. 实现方式 用Hbuilder实现类似侧滑菜单这样原生app功能,一般有两种实现方式,详见:这里. 一是webview实现,二是div模拟实现, 两者的区别是div实现简答,但是偶尔效果不是很好, 而webview实现稍微复杂,页面传值也复杂,但是效果好点,一般推荐webview实现方式. index.html 代码 index.js中需要添加如下代码, var main = nu

HBuilder开发App教程04-最难搞定的是mui

前言 前几篇说到一些HBuilder开发app的基础教程, 现在来说一下HBuilder开发app的难点,或者说是上手的难点, 就是mui, 如果你没有研究mui就贸然的上手HBuilder,那你的开发过程是痛苦的, 花一点时间研究下mui,对你之后开发app有很大的帮助. 网址 教程再好,也会有疏漏的地方,还需要你仔细阅读官方文档, 附地址:http://dcloudio.github.io/mui/ init mui封装了很多常用的页面方法,都需要在init中设置,例如: 1.和上拉加载,下

HBuilder开发App教程08-几种页面打开方式

说明 上节说了list页面的实现,其中关于几种页面的打开方式没有详细述说, 本节详细述说下几种页面打开方式的区别. 几种打开页面的方式 1.初始化时创建子页面 2.直接打开新页面 3.预加载页面 示例 1.初始化时创建子页面 mui.init({ subpages: [{ url: your - subpage - url, //子页面HTML地址,支持本地地址和网络地址 id: your - subpage - id, //子页面标志 styles: { top: subpage - top

HBuilder开发App教程10-完成事项

回顾 回顾一下之前的要点: 1.Hbuilder创建项目,真机调试 2.首页 3.列表页 4.侧滑菜单 5.websql 6.几种页面打开的方式 再讲下本节的要点: 1.fire方式页面间传值 2.再讲websql 完成事项 功能描述 左滑待办事项会出现完成按钮,点击按钮会将待办事项完成,并加入侧滑菜单, 过程 1.左滑出现完成按钮 2.点击按钮后将事项从待办表中删除 3.同时将事项加入完成表中 4.侧滑菜单显示完成事项 页面 涉及两个页面,一个是list,一个是menu, 为了让操作更流畅,所