前言

之前写了HBuilder开发App入门-滴石。相信大家看完后应该能够入门了，

之后会做一些简单的app。把nativejs一些经常使用的功能都过一遍，这样以后做app就没什么难的了。

识岁

借助与face++的接口，做了一个人脸识别app，准确性和微软比确实差点。

主要用到了：

1.actionsheet的原生实现

2.选择本地照片

3.使用摄像头拍照

4.使用uploader上传文件

5.调用face++接口进行人脸识别

6.七牛云上传的实现

actionsheet

实现

actionsheet是iphone上非经常见的，效果见文章顶部图片，

mui的actionsheet有两种实现方式。一种还是html5进行模仿，一种是调用封装好的nativeui进行实现，

和曾经一样，还是比較推荐原生的实现。一是效果逼真，二是缺点比較少。

代码：

plus.nativeUI.actionSheet({title : title,cancel : '取消',buttons : btnArray}, function(e){if(func) func(e);});

能够看到，事实上是调用nativeui组件的actionsheet方法，详见：这里，

如上。事实上仅仅须要传入一个标题，和固定的取消button。还有你须要传入的button数组就可以。

有一个回调函数，通过推断e.index来确定点击了哪个button，

稍作封装：

// actionsheet
qiao.h.sheet = function(title, btns,func){if(title && btns && btns.length > 0){var btnArray = [];for(var i=0; i<btns.length; i++){btnArray.push({title:btns[i]});}plus.nativeUI.actionSheet({title : title,cancel : '取消',buttons : btnArray}, function(e){if(func) func(e);});}
};

本例中。

标题设置为“选择照片”，须要两个button，一个是“拍照”，一个是“相冊”，

代码：

qiao.h.sheet('选择照片', ['拍照','相冊'], function(e){var index = e.index;if(index == 1) choiceCamera();if(index == 2) choicePic();});

当e.index=1的时候，是点击了第一个button“拍照”。

当e.index=2的时候。点击了第二个button“相冊”。

当e.index=0的时候。点击了取消，不做处理，

当点击其它地方的时候。e.index=-1，相同不做处理。

很多其它教程：

Hbuilder开发App实战1-识岁：http://uikoo9.com/book/detail/5

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

转载于:https://www.cnblogs.com/jzdwajue/p/6918590.html

Hbuilder开发app实战-识岁01-actionsheet实例相关推荐

Hbuilder开发app实战-识岁06-face++的js实现【完结】
前言因为识岁app比較简单.所以这节就完结吧, 当然另一些能够优化完好的地方,可是个人兴趣不是非常大, 有想继续完好的,源代码在这里:https://github.com/uikoo9/shisui ...
Python开发App实战(一)-Kivy入门
写在最前: 开发App的主流语言中应该是Java,但是苦于没有学过Java但目前又没那么多时间重新学,因此就想着用已经入门的Python开发两个App练手,学习的过程中看过很多资料,也踩过很多坑,于是 ...
python手机app开发_利用python开发app实战的方法
我很早之前就想开发一款app玩玩,无奈对java不够熟悉,之前也没有开发app的经验,因此一直耽搁了.最近想到尝试用python开发一款app,google搜索了一番后,发现确实有路可寻,目前也有了一 ...
HBuilder开发App教程01-推开前端开发App的大门
奇妙的前端,奇妙的js 众所周知,自从js有nodejs后,前端人员可以华丽的转身,去开发高并发非阻塞的服务端程序, 随着html5的出现,伴随一些amazing的特性,h5开发app的技术越发的成熟 ...
利用python开发app实战
我很早之前就想开发一款app玩玩,无奈对java不够熟悉,之前也没有开发app的经验,因此一直耽搁了.最近想到尝试用python开发一款app,google搜索了一番后,发现确实有路可寻,目前也有了一 ...
MUI+H5plus+HBuilder开发app（android，ios）介绍
前言现在介绍一款只需要懂html+css+js就能开发app的框架,不需要懂原生语言,完全只需要前端web工程师就能独立开发出android和ios的应用,且一套代码搞定,效率很高.(其实更省事可以 ...
HBuilder开发App教程06-首页
实战前面几节基本是一些概念的普及, 正如前面提到的,本教程会以滴石作为范例进行讲解, 有兴趣的可以先行下载体验一下,或者下载源码研究下. 新建项目打开HBuilder,在项目管理器中右键--新建- ...
mui hello html5 安装,HBuilder开发App Step1——环境搭建，HelloMUI 以及真机调试(示例代码)...
No1. 必须搭建java环境只需要最基础的java环境,也就是cmd下可以运行java和javac即可, 具体教程请自行百度,都会有很详细的教程,这里不重点介绍. No2. 下载安装HBuilde ...
html打包app方案,HBuilder开发APP（前端APP打包方案）
前端涉及app的两种方式适应移动端的网页大家都很熟悉的bootstrap,和现在刚出来的amazeui就是这种方法的代表, 说的简单点就是对移动端做了适配,是的布局样式组件都适合移动端展示, 我的 ...

Hbuilder开发app实战-识岁01-actionsheet实例

前言

识岁

actionsheet

实现

代码：

稍作封装：

本例中。

很多其它教程：

Hbuilder开发app实战-识岁01-actionsheet实例相关推荐

最新文章

热门文章