hbuilder开发手机app

2024-10-19

使用HBuilder开发移动APP

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

HBuilder mui 手机app开发 Android手机app开发 ios手机app开发

经过一段时间的学习,做公司项目,对mui框架有了更加深入完整的了解,其实刚开始接触HBuilder中的mui框架只是简单的了解,并没有深入的研究,后来由于工作的需求,不得不深入研究,并运用的项目中去. mui框架采用html5来开发手机app,包括Android跟ISO,真正做到一套代码能在Android跟ISO上很好的运行,一般用html5开发网页,页面跳转采用a连接,这样会导致页面切换时出现白屏,并且页面跳转时会出现动画效果,如果作为pc端还可以,但用来开发手机app的话,效果肯定惨不忍睹,

HBuilder开发移动App——manifest.json文件解析

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

开发手机APP的神器 --- ionic

前言在如今的生活中,手机已经与我们的生活紧紧的联系在了一起.而手机APP更是其中,重要的一环.今天,影子就为大家介绍一种开发手机APP的超级神器---ionic. ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework ). 可以帮助您使用 Web 技术,比如 HTML.CSS 和 Javascript 构建接近原生体验的移动应用程序. ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互

【HBuilder】手机App推送至Apple App Store过程

一.前言最近由于公司同事离职,顶替这位同事从事手机App的研发工作,BIM数据平台部门采用的是HBuilder作为手机App的制作环境.本篇介绍我是如何将HBuilder的Release包发布至App Store的. 二.内容 1. 首先登录Apple Developer网站 2. 点击iTunes Connect 3. 点击我的App 4. 找到要更新的App,查看当前该App的版本 5. 如果该App已发布至苹果商店,则需要更新name与code版本:如果未发布,则只需要更新

自己动手开发手机APP控制西门子200smart 教程（原创干货）

自己动手开发手机APP控制西门子200smart 教程(原创干货) 自己动手开发手机APP控制西门子200smart 教程(原创干货) 2020-02-09 19:06:45 自己动手开发手机APP控制西门子200smart 教程(原创干货) 大家好,最近赶上肺炎疫情,在家有空分享给大家一些控制教程,鸿控主打手机APP开发教程需要有些基础,最起码电气专业,懂电气跟PLC就可以. 准备材料:西门子200SMART SR40 Y一个鸿控物联网网关一个网线一个(能接局域网) 软件:STEP

使用HBuilder+MUI+Flask后端服务器框架+Mongodb数据库开发手机APP

1.开发准备HBuilder: 1.下载安装HBuilder2.创建APP项目 3.代码示例: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <meta name="viewport" content="width=device-

用mui框架开发手机app项目实践中的那些事儿

http://www.yilingsj.com/xwzj/2015-04-29/260.html 最近在玩mui框架,坑的我是:西湖的水,全都是眼泪!!! 公司的手机app要进行改版,我率先想到的是jquery mobile,但是,我却放弃了jquery mobile而选择了MUI,现在还真有点小小小后悔.(注:关于jquery mobile做手机页面的心得以后有空再进行单独写文章进行分享.) 当我第一眼看到mui时,我就已经深深地喜欢上了她,界面简洁.清爽.如图: mui的功能也是比较多的,但

Hbuilder开发移动App（1）

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

使用HBuilder开发移动APP：开发环境准备(转)

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

Delphi 开发手机 App 与其他工具之间的比较分析

写在前头关于各种手机App开发的工具,从2010年前后到现在已经在很多不同的场合介绍过,在元智大学.中台科技大学.德霖科技大学等不同学校的讲座.课程当中,都有类似的主题,所以对我来说,这个主题属于驾轻就熟的范围. 在 KTOP 的论坛当中,有很多前辈希望大家能够贡献所学,为资讯业共图未来的荣景.当然,KTOP 的主题当中仍然是以 Delphi 为主轴,所以当 Lazarus 前辈提了三个题目给我: 1. Delphi/Lazarus INDY 网路程式设计 2. Delphi

HBuilder mui 手机app开发 Android手机app开发 ios手机app开发打开新页面预加载页面关闭页面

创建子页面在mobile app开发过程中,经常遇到卡头卡尾的页面,此时若使用局部滚动,在android手机上会出现滚动不流畅的问题: mui的解决思路是:将需要滚动的区域通过单独的webview实现,完全使用原生滚动.具体做法则是:将目标页面分解为主页面和内容页面,主页面显示卡头卡尾区域,比如顶部导航.底部选项卡等:内容页面显示具体需要滚动的内容,然后在主页面中调用mui.init方法初始化内容页面. mui.init({ subpages:[{ url:your-subpage-url,/

html5文章 -- 应用HTML5 开发手机APP

因为HTML5暂时无法短期内在PC普及,主要方向在使用高端浏览器的高端移动设备,所以可以用作开发Android系统的App.但只有Android2.2以上.iOS3.2以上均支持HTML5,两大平台有望全系列支持HTML5 ,HTML5可以用作离线应用的开发,离线应用就是把需要的资源先缓存到本地,下次再查看时无需联网.使用HTML5离线应用带来的好处:提供更快.更简便的服务,代码可高度重用,服务发布方便,HTML5主要应用:Web邮箱.Web RSS.Web地图等服务在无网络环境的使用,HTML

开发手机APP过程，不同使用场景APP搜索框的样式及区别

搜索框是 app 内最常见的控件之一,可以帮助用户快速又精准找到期望的内容与功能.不同的使用场景下,根据页面中搜索的重要程度,搜索框也有着不同的样式. 下面就常州开发APP公司和大家聊聊常见的四种样式:一级tab.顶部搜索.搜索 icon .隐藏式搜索. 01.一级tab 位于屏幕底部的导航,搜索作为一个独立的入口,适用于搜索场景相对重要的 app .设计的时候通常会使用“放大镜” icon ,简单.识辨度高符合用户已有的认知. 部分 app 会在一级 tab 中设置“发现”入口来承接搜索功能,

项目-开发手机app

一. 安装Hbuilder,和夜神安卓模拟器注:夜神模拟器,如过windows中安装了hyper-v,需要卸载,不然会死机二. Hbuilder简介官网:http://www.dcloud.io/ 文档:http://dev.dcloud.net.cn/mui/ 1. 创建移动app : http://dev.dcloud.net.cn/mui/getting-started/ 2. 页面框架架构 2.1 .建立一个html的空模板,将内容全部删掉,通过mdo快速创建页面 2.2.

使用HBuilder开发移动APP：ajax调用接口数据

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

Hbuilder开发HTML5 APP之WebView

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

Hbuilder开发HTML5 APP之侧滑菜单

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

Hbuilder开发HTML5 APP之打开新页面

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

Hbuilder开发HTML5 APP之创建子页面

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

hbuilder开发手机app

热门专题