一个App完成入门篇（七）- 完成发现页面

Yu_Huang 发布于2019-08-02 15:54 / 563人阅读

摘要：本节教程主要要教会大家使用二维码扫描和用组件加在页面。分析一下我们将要实现的发现页面，点击扫描按钮调用的扫描功能，进行二维码扫描，而在页面正中放一个组件，加载本地的文件，在该文件中自定义页面样式，并在中画出的按钮中响应的各组件功能。

第七章是入门篇的倒数第二篇文章了，明天整个APP将进入收官。

本节教程主要要教会大家使用二维码扫描和用do_WebView组件加在html页面。

导入项目
do_WebView组件
扫描功能
自定义事件
将要学习的demo效果图如下所示

导入完整项目

本节示例demo请参考下载地址，可以导入到设计器中学习。

这节教程中将要用到的组件有do_BarcodeView请大家前几节教程所教授的方法，提前添加这两个组件，并打成相应调试包用于调试。

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来触发该事件，需要注意的是，事件的触发需在订阅之后。

更详细的文档请见事件和消息机制的介绍

GPU云服务器云服务器判断一个js加载完成完成上传加载完成完成后

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/54309.html

一个App完成入门篇（七）- 完成发现页面

摘要：本节教程主要要教会大家使用二维码扫描和用组件加在页面。分析一下我们将要实现的发现页面，点击扫描按钮调用的扫描功能，进行二维码扫描，而在页面正中放一个组件，加载本地的文件，在该文件中自定义页面样式，并在中画出的按钮中响应的各组件功能。第七章是入门篇的倒数第二篇文章了，明天整个APP将进入收官。本节教程主要要教会大家使用二维码扫描和用do_WebView组件加在html页面。导入项目...

xioqua 2019-08-19 18:12 评论0 收藏0
深入理解 WKWebView（入门篇）—— WebKit 源码调试与分析

摘要：虽然苹果官方提供了关于的与使用说明，但这并不能满足开发者们的需求，各类复杂场景依旧让我们焦头烂额，而解决方案却不易寻找。二源码下载编译及调试之前我们首先需要获取一份苹果官方的源码。一、前言移动互联网时代，网页依旧是内容展示的重要媒介，这离不开 WebKit 浏览内核技术的支持与发展。在 iOS 平台下开发者们...

funnyZhang 2021-11-24 09:39 评论0 收藏0
首次公开，整理12年积累的博客收藏夹，零距离展示《收藏夹吃灰》系列博客

摘要：时间永远都过得那么快，一晃从年注册，到现在已经过去了年那些被我藏在收藏夹吃灰的文章，已经太多了，是时候把他们整理一下了。那是因为收藏夹太乱，橡皮擦给设置私密了，不收拾不好看呀。 ...

Harriet666 2021-09-10 10:51 评论0 收藏0
一个App完成入门篇（二）-搭建主框架

摘要：一个完成入门篇二搭建主框架通过第一课的学习，你已经掌握了如何通过调试器来跟上的设计器联调来实时查看设计效果调试代码了，接下来通过一系列的开发教学你将很快上手学习到如何开发一个真正的。一个App完成入门篇（二）-搭建主框架通过第一课的学习，你已经掌握了如何通过debug调试器来跟PC上的设计器联调来实时查看UI设计效果、调试代码了，接下来通过一系列的demo开发教学你将很快上手学习到...

whatsns 2019-08-19 18:10 评论0 收藏0
一个App完成入门篇（二）-搭建主框架

摘要：一个完成入门篇二搭建主框架通过第一课的学习，你已经掌握了如何通过调试器来跟上的设计器联调来实时查看设计效果调试代码了，接下来通过一系列的开发教学你将很快上手学习到如何开发一个真正的。一个App完成入门篇（二）-搭建主框架通过第一课的学习，你已经掌握了如何通过debug调试器来跟PC上的设计器联调来实时查看UI设计效果、调试代码了，接下来通过一系列的demo开发教学你将很快上手学习到...

DevTalking 2019-08-14 15:31 评论0 收藏0