1.点击项目下的"manifest.json"文件,会出现自动化的配置工具: 2.点“图标配置“,上传制作好的图标文件,自动生成不同大小的ico,这个要赞下! 3.启动图片(splash)配置,唯一麻烦的是要制作各种尺寸的图,并依次本配置,图片的命名最好采用:entry_bg_1080x1920.png这种形式…

WebView就是原生的WebView,HBuilder在其上封装了一层,便于Javascript的调用,结构如图: 也可以实现这样的结构: 注意:WebView的使用属性HTML5+规范,所以必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中…

折腾了好久,终于看明白怎么创建了: 1.创建个html5的mui页面,在其初始化方法中: mui.init({   subpages:[{    id:"list",   url:"listx.html",   styles:{   top:'45px',   bottom:0 } }] }); 这里注意:subpages是个Array对象,意味着它可以创建多个子页, 2.子页最好 <meta name="viewport" content…

1.思路: 其时有2个WebView,一个main是用来装主页面,一个menu是用来装菜单(为提高性能,菜单项是采用了预加载方式的,预加载时为了避免和主页面争夺资源,采用延时加载,例如: //plusReady事件后,自动创建menu窗口: mui.plusReady(function() { main = plus.webview.currentWebview(); //setTimeout的目的是等待窗体动画结束后,再执行create webview操作,避免资源竞争,导致窗口动画不流畅:…

mui.openWindow({ url: 'examples/info.html', id:'info' }); 要在页面间传递参数,需要使用一个extras:{}对象另外打开的页面显示的内容必须装在<div class="mui-content">中…

研究了下,向导页的制作还是比较简单的,主要使用的是mui控件中的”图片轮播“组件,组件的标签写法手册中有,中间发现个有趣的东西,如果要作全屏,可以加个样式mui-fullscreen 滑动图片时会自动激发slide事件,要想知道翻到哪页了,可使用事件参数event,event.detail.slideNumber得到 比如翻到最后一页了,让某个按钮的透明度缓慢变成1,这样就可以看到得到按钮了,点击后跳转到主页!…

各位兄弟姐妹们,早上好,本人花了将近一个月的时间打造了一个完整的IOS版的App, 期间包括开发,测试,上线审核,现在花点时间把实现的过程分享给大家,“知音”app功能简单,适合对象为初学者,后面我会把iOS客户端源码.API接口源码“呈献”给大家,谢谢大家的支持, 欢迎园友一起交流一起学习,废话少说,装逼正式开始: 每个APP都应该有自己的图标跟启动图. 这里介绍怎么设置APP的图标跟启动图. (1)图标 小程的xcode是10.0版本,设置图标的入口如下: 点击入口后,进到设置页面,如下:…

每个APP都应该有自己的图标跟启动图. 这里介绍怎么设置iOS的APP的图标跟启动图. (1)图标 小程的xcode是10.0版本,设置图标的入口如下: 点击入口后,进到设置页面,如下: 可以看到有很多空位,在等着拉入图标,因为iphone与ipad,不同的系统,不同的机型尺寸,使用了一系列不同尺寸的图标. 如果最终要提交到appstore,而且这个APP主要是在iphone或ipod上运行的,那应该有下面截图中的图标(包括最上面看到一点点的图标): 每个位置的尺寸,可以计算出来,比如3x的60…

APP图标.启动页.名字的设置:(较全面,但是APP启动页讲述的有漏洞) 参考链接:https://www.jianshu.com/p/2c7e181276ff APP启动页:(弥补上一文的漏洞) 参考链接:https://www.jianshu.com/p/36cc6ca42713 关键语句: 点击项目目录的工程 -> target -> General -> App Icons And Launch Images 将Launch Images Source的选项设置为LaunchIm…

以前做过Android App开发,对于各项配置都是在AndroidManifest.xml文件中完成的,包括权限的设定.图标.标签.App的名字.Activity注册等等 使用HBuilder开发移动App,HBuilder是基于Eclipse进行二次开发的,所以新建项目等各项操作与Eclipse类似. 首先新建一个移动App项目 这里选择mui项目,点击完成后可以看到项目文件列表,如下: 这里我们主要看一下manifest.json文件 应用信息 选择应用信息一项,然后 1.填写应用名称 也…

前言 HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE.HBuilder的编写用到了Java.C.Web和Ruby.HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件.快,是HBuilder的最大优势,通过完整的语法提示和代码输入法.代码块等,大幅提升HTML.js.css的开发效率. 内置MUI框架,真正彻底的跨平台开发,不是简单的跨iOS和Android.基于mui,一套HTML5工程,通过前端构建工具…

随着Xcode9的更新,APP的图标和启动图也发生了略微变化,下面介绍下图标和启动图的设置. 1.APP图标: 这些是系统默认你开发的项目支持iPad.Spotlight等,其实真正我们的项目只要支持iPhone就行,所以有些图标我们不需要填充. Xcode右上角有个App Icon选择,这时我们只要勾选上iPhone就行 所以要准备的app图标尺寸需要:40x40.58x58.60x60.80x80.87x87.120x120.180x180.1024x1024,这里1024x1024是iOS…

前段时间莫名其妙的发现发布的app不能正常的现实图标和启动页了,加载出来的图标以及图片显示的都是cordova的默认图片以及启动页图片 在网上找了很多教程各种查找都不能解决方法 表现原因为: 项目根目录下的res文件夹内正常生成图片,但是platform/andorid/res下生成的图片是不正确的 使用ionic resources不能正常解决, 片面的解决方法是将项目根目录下的res文件夹的内容覆盖到paltform/android/res文件夹下再次生成app就可以了 但是这个方法存在缺陷…

由于手机有很多不同的尺寸与版本,所以图标尺寸也是大小不一,但是如果手动每一个尺寸都制作一个图标,那估计美工会吐血吧,不过幸好,ionic只需要一个图标就可以制作不同尺寸的图标. 添加一个ionic项目,进入cli添加一个ionic platform add ios 或 ionic platform add android,ionic会默认给项目添加一个resources的文件夹,里面包含icon(图标)和splash(启动页). 第一步:把resources下的icon和splash换成当前AP…

原文地址:React-Native App启动页制作(安卓端) 这篇文章是根据开源项目react-native-splash-screen来写的.在使用react-native-link命令安装该包后不知是何原因导致app无法运行了.issue也有很多用户说安装该包后项目出错.其实制作app启动页很简单,大可不必引用该包.下面开始正文. app启动页第一是为了宣传,第二是为了防止在app初始化期间屏幕白屏.所以app启动页不能干扰mainActivity的加载.app启动页一般方法就是在main…

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

一直想开发个APP玩玩的,但是作为一个PHP码农,需要新学习JAVA或者Object C,这也是一直没能实现这个目标的原因.但是现在HTML5+.APPCAN.apicloud很多工具利用前端技术就能轻松开发app,这也使我的这个 愿望终于能成真了.哪款工具适合自己只有试验了才知道,所以计划一边学习一边记录下来过程和体会.最先试用的是HTML5+,因为HBuilder这款前 端开发工具比较合眼缘吧... 首先从DCloud下载了HBuilder,地址是:http://www.dcloud.io/…

iOS App图标和启动画面尺寸 字数349 阅读22025 评论3 喜欢51 注意:iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的. 1. 桌面图标 (app icon) for iPhone6 plus(@3x) : 180 x 180 for iPhone 6/5s/5/4s/4(@2x) : 120 x 120 2. 系统搜索框图标 (Spotlight search results icon) for iPhone6 plus(@3x) : 120 x 120 for…

弄了一下午,终于把iOS中图标的设置和启动页的设置弄明白了.我想以后再也不会浑了. 进入正题: 一:apple 1).iPhone4s 3.5寸屏,也就是640*960,但在模拟器上正常用的是320*480. 2).iPhone5 4寸屏,也就是640*1136 ,但在模拟器上正常用的是320*568. 3).iPhone6 4.7寸屏,也就是750*1334, 但在模拟器上正常用的是375*667. 4).iPhone6p 5.5寸屏,也就是1242*2208,但在模拟器上正常用的是414*7…

一．先来研究下这个软件->Appicon and Launchimage Maker 首先打开你电脑上的AppStore,然后搜索:AppIcon 然后回车: 这里我们先使用免费版的点击下载.(左上角那个) 然后打开软件,应该是这样的: 软件好人性化,给我们标注了1,2,3该干啥.1选图片呗.2.选是要给什么设备以及iOS几做.然后3.是选择生成AppIcon还是Launchimages(启动页) 选择一张图片吧,开始我们的工作 选好图片,右上角这里索性就都选了吧,反正剩下的次数用一次少一次.…

图标…

其中容易忽略的一点是manifest.json文件.plus下加入如下配置: "splashscreen": { "autoclose": false,/*如果为true,程序启动的图片可以自动关闭,如果为false,开发者需要手动关闭*/ "waiting": true/*是否在程序启动界面显示等待雪花,true表示显示,false表示不显示.*/ }, 然后,替换splash下的启动png图片.…

为了力求运行速度快.响应迅即,我们推荐使用backbone.js和zepto.js. 为了让这个过程更有意思,我们开发了一个小小的示例项目,使用CSS重置样式.Backbone.js和带转场效果的几个页面.我们的项目会显示Trigger推特更新内容和单个的推特消息.与往常一样,我们将使用同一个HTML5代码库创建安卓和iOS应用程序.在这个过程中,我们将介绍如何: 把你的JavaScript文件添加到应用程序中 使用Backbone.js来显示响应迅即的界面 使用CSS重置样式,减少跨平台出现的…

既然要做APP,与接口交互式少不了的,除非只是想做一个纯静态的APP.所以html5+的环境准备好后,我最先开始研究的就是如何与接口交互. 使用HBuilder新建示例教程后,里面会有一个ajax(网络请求)的列子,文件目录是examples/ajax.html.看了下这个文件的代 码,它的功能就是点击“提交”按钮后提交参数给接口,然后根据选择的返回数据格式,将一段字符串打印出来.我准备改造下这段代码,改由页面加载时调用列表 接口,并在APP里显示这段列表,毕竟这种情况应该经常会用到. 1.在l…

案例效果: (1)导入所需的素材,然后用storyboard把上半截位置和大小相对固定的东西布局起来.当然,这些控件也要定义成对应地IBOutlet和IBAction方便兴许使用它们. 注意:本案例在3.5inch设备上显示最佳,所以须要设置一下. watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2Vpc3ViYW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/So…

No1. 必须搭建java环境 只需要最基础的java环境,也就是cmd下可以运行java和javac即可, 具体教程请自行百度,都会有很详细的教程,这里不重点介绍. No2. 下载安装HBuilder 请在这里下载HBuilder:http://www.dcloud.io/, 下载完成后请将zip包解压缩到自定义的目录(windows), 并将该目录下的HBuilder.exe发送快捷方式到桌面. 双击该快捷方式, 第一次打开HBuilder需要注册,还请注册,几分钟搞定, 登录后即可看到HB…

滴石 介绍 滴石是用HBuilder开发的一款计划类app. 用到HBuilder,mui.nativejs以及h5一些特性. 预期 眼下仅仅开发到todolist级别, 以后计划做成日计划,月计划,年计划等计划类app. 网址 官网:http://uikoo9.com/dishi 开源:http://git.oschina.net/uikoo9/uikoo9-dishi 教程 以后HBuilder开发app以滴石为例,做一个简单的app. 功能介绍 列表页 列出要完毕的事项,详细功能: 1.左…

这周因为部门接了个小的html5 app case,所以从事android开发的我就接下了这个项目.与其说是项目需要,其实更大部分是我自己想要做html5 app,因为我对这个全新的平台已经好奇很久了.蠢蠢欲动很久了,只不过之前没有碰到项目练手而已. 好了,让我们开始这篇博文的主要内容吧.说到html5相信大家都不陌生了,的确这个概念已经在国内火了一段时间,但是大家对于html5具体能够干什么,到底在什么地方我应该使用html5呢?然后html5相较之前的版本又多了什么呢?且听我慢慢到来吧,首先…

开发工具我这里用的是eclipse 你也可以用Google最新推出的Android Studio开发工具(不需要配置) 下载地址:https://developer.android.com/sdk/installing/studio.html#download eclipse配置所需工具 下载链接 http://pan.baidu.com/s/1jG7Sbt0 (也可以自己去android官网 上下载最新配置文件) android-sdk 开发环境 ADT 开发工具…

由于手机有很多不同的尺寸与版本,所以图标尺寸也是大小不一,但是如果手动每一个尺寸都制作一个图标,那估计美工会吐血吧,不过幸好,ionic只需要一个图标就可以制作不同尺寸的图标. 添加一个ionic项目,进入cli添加一个ionic platform add ios 或 ionic platform add android,ionic会默认给项目添加一个resources的文件夹,里面包含icon(图标)和splash(启动页). 第一步:把resources下的icon和splash换成当前AP…