第七章是入门篇的倒数第二篇文章了,明天整个APP将进入收官。
本节教程主要要教会大家使用二维码扫描和用do_WebView组件加在html页面。
- 导入项目
- do_WebView组件
- 扫描功能
- 自定义事件
将要学习的demo效果图如下所示
本节示例demo请参考下载地址,可以导入到设计器中学习。
这节教程中将要用到的组件有do_BarcodeView请大家前几节教程所教授的方法,提前添加这两个组件,并打成相应调试包用于调试。
2. do_WebView组件
do_WebView是一个很强大的组件,既可以访问网页,也可以加在本地html,更可以在html页面中嵌套DeviceOne组件,能完美结合h5页面和DeviceOne原生组件。
分析一下我们将要实现的发现页面,点击“扫描”按钮调用do_BarcodeView的扫描功能,进行二维码扫描,而在页面正中放一个do_WebView组件,加载本地的html文件,在该文件中自定义页面样式,并在html中画出的button按钮中响应DeviceOne的各组件功能。
更详细的文档请见WebView的使用
3.扫描功能
新建一个scanBarcode.ui页面,里面就放一个do_BarcodeView组件,在点击“点击扫描”按钮后打开该页,并调用do_BarcodeView的scan功能扫描二维码,在扫描成功的回调中调用closePage关闭该页,这里仅供演示用,正常扫描的结果会在回调函数的data中返回,用户可以拿到这个data做任意操作。
4.自定义事件DeviceOne
提供事件和消息机制,开发者可以很方便的使用。这里有一个简单的示例:
通过on来订阅do_ALayout_opt的touch事件,在合适的地方用fire来触发该事件,需要注意的是,事件的触发需在订阅之后。
更详细的文档请见事件和消息机制的介绍
相关推荐
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台,不管领导...
uniapp,现在是很流行的,跨端用起来还是比较快的,大家可以尝试一下,这是一篇不错的文档,下载下来看一看。希望大家都来尝试。小程序还可以,不涉及到太多的原生调用,还是不错的,
【Object-C】ios苹果app开发入门object-c例子demo14个实例 一般编程问题 【实例简介】 ios苹果app开发入门,object-c,例子,demo,14个实例 初学者难得的学习实例 【实例截图】 【核心代码】 归档 ├── Air...
2.1_hello_小程序--入门_微信小程序(上)|uni-app_语法基础|uni-app_&_uniCloud_从零入门开
如何在个税APP上完成汇算清缴-2022年
ios苹果app开发入门,object-c,例子,demo,14个实例 初学者难得的学习实例
2.4_搭建uni-app开发环境|uni-app_语法基础|uni-app_&_uniCloud_从零入门开发《IT技术资讯类
aia源码--Appinventor2 游戏--俄罗斯方块
5种uni-app 页面下拉刷新方法-源码示例
angulr-bootstrap-admin-web-app-with-angularjs 2.0版本来拉。由于最近比较忙所有没有持续更新这个版本。在此特地发一下2.0.1版本的。如果有需要我之前版本的请查看我的资源,移驾之前的资源。绝对官网下载的完整包...
四天下来的成果,绝对原创 Appinventor2 游戏源码--仿像素鸟
Android App开发入门范例程序 Android App开发入门范例程序
uin-app仿瑞幸咖啡app5个初始页面
风险评估 ANDROID_APP安全从入门到放弃 - xml 安全防护 安全集成 防火墙 身份管理 AI安全
仿茶馆APP前端页面/UNI-APP编译包仿2020版本茶馆的前端 源码为仿茶馆2020年一个版本界面,单UNI-APP编译后的模板,没有VUE(UNI-APP)源码和后台 此套就是模板,不带后台
uni-app多端适配技术自我学习,通往强者(光头)的钥匙
3.1_uni-app_项目配置|uni-app_基础配置|uni-app_&_uniCloud_从零入门开发《IT技术资讯类跨
3.4_在uni-app中如何使用sass|uni-app_基础配置|uni-app_&_uniCloud_从零入门开发《IT技
《app-dev-curriculum-cn》 iOS playground文件 IOS 学习实战 swift
app-app-calling-android, 使用本教程构建应用Android调用应用程序的应用程序 #Build 一个简单的Android VoIP呼叫应用程序,带有 Sinch本教程将指导你构建一个简单的Android VoIP呼叫应用程序。 完成后,它将显示...