HBuilder开发App教程12-详情页，删除和退出
接近尾声本节讲讲详情页，删除和退出，然后基本接近尾声了，希望大家有所收获。详情页说明点击待办事项，我跳转到详情页，可以看到事项的详情detail.html12345678910111213141516171819202122232425<!DOCTYPE html><html> <head> ...
HBuilder开发App教程11-添加事项
前言鉴于前几节内容比较多，可能需要消化，所以本节就搞的简单点，主要讲添加事项添加页功能1.点击左上角的图标，弹出添加页2.填写内容，将事项添加到todo表中，隐藏添加页，显示列表页3.进入添加页后顶部图标的变化4.默认提示页面1.index页面需要创建添加页，监听跳转添加的事件，以及改变按钮的方法2.add页填写内容，fire事件到list页面3.list页监听添加事件，添加内容代码index.jsindex.js中，plusready后：1234// 添加&nbs...
HBuilder开发App教程10-完成事项
回顾回顾一下之前的要点：1.Hbuilder创建项目，真机调试2.首页3.列表页4.侧滑菜单5.websql6.几种页面打开的方式再讲下本节的要点：1.fire方式页面间传值2.再讲websql完成事项功能描述左滑待办事项会出现完成按钮，点击按钮会将待办事项完成，并加入侧滑菜单，过程1.左滑出现完成按钮2.点击按钮后将事项从待办表中删除3.同时将事项加入完成表中4.侧滑菜单显示完成事项页面涉及两个页面，一个是list，一个是menu，为了让操作更流畅，所以在list页面只进行...
HBuilder开发App教程09-侧滑菜单
侧滑菜单功能上节讲到了列表页，这节讲一个比较常用的功能，侧滑菜单，在本app中策划菜单用来记录已经完成的事项。实现方式用Hbuilder实现类似侧滑菜单这样原生app功能，一般有两种实现方式，详见：这里。一是webview实现，二是div模拟实现，两者的区别是div实现简答，但是偶尔效果不是很好，而webview实现稍微复杂，页面传值也复杂，但是效果好点，一般推荐webview实现方式。index.html代码index.js中需要添加如下代码，123456789101112...
HBuilder开发App教程08-几种页面打开方式
说明上节说了list页面的实现，其中关于几种页面的打开方式没有详细述说，本节详细述说下几种页面打开方式的区别。几种打开页面的方式1.初始化时创建子页面2.直接打开新页面3.预加载页面示例1.初始化时创建子页面1234567891011121314mui.init({ subpages: [{ url: your&nbs...
HBuilder开发App教程07-列表页
说明接着上节的内容，本节讲首页的list页面，如果看过上一节你就会明白“首页”是由只有头部的index页面和列表list页面组成的，本节涉及到：1.几种页面的打开方式2.websql的应用3.页面内容的加载4.页面实现几种页面打开方式如果看过以前的章节你会明白，在Hbuilder，mui中需要放弃href跳转，而专用mui自带的页面打开方式，为什么？请浏览：http://ask.dcloud.net.cn/article/122这里大概讲一下，详细讲解请关注下一节，1.ope...
HBuilder开发App教程06-首页
实战前面几节基本是一些概念的普及，正如前面提到的，本教程会以滴石作为范例进行讲解，有兴趣的可以先行下载体验一下，或者下载源码研究下。新建项目打开HBuilder，在项目管理器中右键——新建——移动app，或者直接ctrl+n，a，见到如下界面，填入项目名称，选择mui项目，新建完成后，默认生成的目录如下，基本和前端开发的目录结构类似，连接手机本教程暂时以android为例，最后会另外讲解ios手机的开发，大同小异。用数据线连接android手机，将手机中的设置——开发人员工具...
HBuilder开发App教程05-滴石和websql
滴石介绍滴石是用HBuilder开发的一款计划类app，用到HBuilder，mui，nativejs以及h5一些特性。预期目前只开发到todolist级别，以后计划做成日计划，月计划，年计划等计划类app。网址官网：http://uikoo9.com/dishi开源：https://github.com/uikoo9/dishi教程以后HBuilder开发app以滴石为例，做一个简单的app。功能介绍列表页列出要完成的事项，具体功能：1.左滑待办事项，可以完成待办事项2.点...
HBuilder开发App教程04-最难搞定的是mui
前言前几篇说到一些HBuilder开发app的基础教程，现在来说一下HBuilder开发app的难点，或者说是上手的难点，就是mui，如果你没有研究mui就贸然的上手HBuilder，那你的开发过程是痛苦的，花一点时间研究下mui，对你之后开发app有很大的帮助。网址教程再好，也会有疏漏的地方，还需要你仔细阅读官方文档，附地址：http://dev.dcloud.net.cn/mui/initmui封装了很多常用的页面方法，都需要在init中设置，例如：1.和上拉加载，下拉刷...
HBuilder开发App教程03-定制图标，启动页以及打包
helloworld上次说到了helloworld，你应该已经可以新建项目，真机调试了，这次来说说图标的定制，启动页的定制以及打包。图标定制如果不定制图标的话，默认会是博文顶部图表的样子，你肯定不想这个样子，来吧，定制一个自己的图标吧。打开项目下的manifest.json，选择底部的图标配置（老版本需升级到最新版），然后选择一个制作好的256*256大小的png，系统会自动生成各种大小的图标。启动页定制步骤和上面一样，切换至启动图片配置一项，然后按照各种图片大小格式选择制作...