侧滑菜单
功能
上节讲到了列表页,这节讲一个比较常用的功能,侧滑菜单,
在本app中策划菜单用来记录已经完成的事项。
实现方式
用Hbuilder实现类似侧滑菜单这样原生app功能,一般有两种实现方式,详见:这里。
一是webview实现,二是div模拟实现,
两者的区别是div实现简答,但是偶尔效果不是很好,
而webview实现稍微复杂,页面传值也复杂,但是效果好点,一般推...
分类:
移动开发 时间:
2015-08-04 23:08:38
阅读次数:
768
回顾
回顾一下之前的要点:
1.Hbuilder创建项目,真机调试
2.首页
3.列表页
4.侧滑菜单
5.websql
6.几种页面打开的方式
再讲下本节的要点:
1.fire方式页面间传值
2.再讲websql
完成事项
功能描述
左滑待办事项会出现完成按钮,点击按钮会将待办事项完成,并加入侧滑菜单,
过程
1.左滑出现完成按钮
2.点击按钮后将...
分类:
移动开发 时间:
2015-08-04 23:07:05
阅读次数:
350
说明
上节说了list页面的实现,其中关于几种页面的打开方式没有详细述说,
本节详细述说下几种页面打开方式的区别。
几种打开页面的方式
1.初始化时创建子页面
2.直接打开新页面
3.预加载页面
示例
1.初始化时创建子页面
mui.init({
subpages: [{
url: your - subpage - url, //子页面HT...
分类:
移动开发 时间:
2015-08-04 23:06:30
阅读次数:
228
主页面的写法(function($, doc) { mui.init({ swipeBack : false, subpages: [{ id: 'addMemberContent', url: 'addMemberContent.html', s...
分类:
其他好文 时间:
2015-08-03 18:44:53
阅读次数:
5909
实战
前面几节基本是一些概念的普及,
正如前面提到的,本教程会以滴石作为范例进行讲解,
有兴趣的可以先行下载体验一下,或者下载源码研究下。
新建项目
打开HBuilder,在项目管理器中右键——新建——移动app,或者直接ctrl+n,a,
见到如下界面,填入项目名称,选择mui项目,
新建完成后,默认生成的目录如下,基本和前端开发的目录结构类似,
连接手机...
分类:
移动开发 时间:
2015-07-30 00:46:49
阅读次数:
227
滴石
介绍
滴石是用HBuilder开发的一款计划类app,
用到HBuilder,mui,nativejs以及h5一些特性。
预期
目前只开发到todolist级别,
以后计划做成日计划,月计划,年计划等计划类app。
网址
官网:http://uikoo9.com/dishi
开源:http://git.oschina.net/uikoo9/uikoo9-dishi
教...
分类:
移动开发 时间:
2015-07-09 11:28:45
阅读次数:
388
前言
前几篇说到一些HBuilder开发app的基础教程,
现在来说一下HBuilder开发app的难点,或者说是上手的难点,
就是mui,
如果你没有研究mui就贸然的上手HBuilder,那你的开发过程是痛苦的,
花一点时间研究下mui,对你之后开发app有很大的帮助。
网址
教程再好,也会有疏漏的地方,还需要你仔细阅读官方文档,
附地址:http://dcloudio...
分类:
移动开发 时间:
2015-07-06 23:25:53
阅读次数:
311
helloworld
上次说到了helloworld,你应该已经可以新建项目,真机调试了,
这次来说说图标的定制,启动页的定制以及打包。
图标定制
如果不定制图标的话,默认会是博文顶部图表的样子,
你肯定不想这个样子,来吧,定制一个自己的图标吧。
打开项目下的manifest.json,选择底部的图标配置(老版本需升级到最新版),
然后选择一个制作好的256*256大小的...
分类:
移动开发 时间:
2015-07-04 12:45:05
阅读次数:
347
奇妙的前端,奇妙的js
众所周知,自从js有nodejs后,前端人员可以华丽的转身,去开发高并发非阻塞的服务端程序,
随着html5的出现,伴随一些amazing的特性,h5开发app的技术越发的成熟,
自从2008年国外推出phonegap后,前端人员又踏上开发app的路程,
今年来国内也对应推出了一些可以让前端人员开发app的ide,
不过大部分是收费的,强定制的,这里就不一一列...
分类:
移动开发 时间:
2015-07-01 23:42:58
阅读次数:
871