一個App完成入門篇（七）- 完成發(fā)現(xiàn)頁面

Yu_Huang 發(fā)布于2019-08-02 15:54 / 645人閱讀

摘要：本節(jié)教程主要要教會大家使用二維碼掃描和用組件加在頁面。分析一下我們將要實現(xiàn)的發(fā)現(xiàn)頁面，點擊掃描按鈕調用的掃描功能，進行二維碼掃描，而在頁面正中放一個組件，加載本地的文件，在該文件中自定義頁面樣式，并在中畫出的按鈕中響應的各組件功能。

第七章是入門篇的倒數(shù)第二篇文章了，明天整個APP將進入收官。

本節(jié)教程主要要教會大家使用二維碼掃描和用do_WebView組件加在html頁面。

導入項目
do_WebView組件
掃描功能
自定義事件
將要學習的demo效果圖如下所示

導入完整項目

本節(jié)示例demo請參考下載地址，可以導入到設計器中學習。

這節(jié)教程中將要用到的組件有do_BarcodeView請大家前幾節(jié)教程所教授的方法，提前添加這兩個組件，并打成相應調試包用于調試。

do_WebView組件
do_WebView是一個很強大的組件，既可以訪問網(wǎng)頁，也可以加在本地html，更可以在html頁面中嵌套DeviceOne組件，能完美結合h5頁面和DeviceOne原生組件。

分析一下我們將要實現(xiàn)的發(fā)現(xiàn)頁面，點擊“掃描”按鈕調用do_BarcodeView的掃描功能，進行二維碼掃描，而在頁面正中放一個do_WebView組件，加載本地的html文件，在該文件中自定義頁面樣式，并在html中畫出的button按鈕中響應DeviceOne的各組件功能。

更詳細的文檔請見WebView的使用

3.掃描功能
新建一個scanBarcode.ui頁面，里面就放一個do_BarcodeView組件，在點擊“點擊掃描”按鈕后打開該頁，并調用do_BarcodeView的scan功能掃描二維碼，在掃描成功的回調中調用closePage關閉該頁，這里僅供演示用，正常掃描的結果會在回調函數(shù)的data中返回，用戶可以拿到這個data做任意操作。

4.自定義事件
DeviceOne提供事件和消息機制，開發(fā)者可以很方便的使用。這里有一個簡單的示例：

通過on來訂閱do_ALayout_opt的touch事件，在合適的地方用fire來觸發(fā)該事件，需要注意的是，事件的觸發(fā)需在訂閱之后。

更詳細的文檔請見事件和消息機制的介紹

云服務器 GPU云服務器判斷一個js加載完成完成上傳加載完成完成后

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://m.hztianpu.com/yun/54309.html

一個App完成入門篇（七）- 完成發(fā)現(xiàn)頁面

摘要：本節(jié)教程主要要教會大家使用二維碼掃描和用組件加在頁面。分析一下我們將要實現(xiàn)的發(fā)現(xiàn)頁面，點擊掃描按鈕調用的掃描功能，進行二維碼掃描，而在頁面正中放一個組件，加載本地的文件，在該文件中自定義頁面樣式，并在中畫出的按鈕中響應的各組件功能。第七章是入門篇的倒數(shù)第二篇文章了，明天整個APP將進入收官。本節(jié)教程主要要教會大家使用二維碼掃描和用do_WebView組件加在html頁面。導入項目...

xioqua 2019-08-19 18:12 評論0 收藏0
深入理解 WKWebView（入門篇）—— WebKit 源碼調試與分析

摘要：雖然蘋果官方提供了關于的與使用說明，但這并不能滿足開發(fā)者們的需求，各類復雜場景依舊讓我們焦頭爛額，而解決方案卻不易尋找。二源碼下載編譯及調試之前我們首先需要獲取一份蘋果官方的源碼。一、前言移動互聯(lián)網(wǎng)時代，網(wǎng)頁依舊是內容展示的重要媒介，這離不開 WebKit 瀏覽內核技術的支持與發(fā)展。在 iOS 平臺下開發(fā)者們...

funnyZhang 2021-11-24 09:39 評論0 收藏0
首次公開，整理12年積累的博客收藏夾，零距離展示《收藏夾吃灰》系列博客

摘要：時間永遠都過得那么快，一晃從年注冊，到現(xiàn)在已經過去了年那些被我藏在收藏夾吃灰的文章，已經太多了，是時候把他們整理一下了。那是因為收藏夾太亂，橡皮擦給設置私密了，不收拾不好看呀。 ...

Harriet666 2021-09-10 10:51 評論0 收藏0
一個App完成入門篇（二）-搭建主框架

摘要：一個完成入門篇二搭建主框架通過第一課的學習，你已經掌握了如何通過調試器來跟上的設計器聯(lián)調來實時查看設計效果調試代碼了，接下來通過一系列的開發(fā)教學你將很快上手學習到如何開發(fā)一個真正的。一個App完成入門篇（二）-搭建主框架通過第一課的學習，你已經掌握了如何通過debug調試器來跟PC上的設計器聯(lián)調來實時查看UI設計效果、調試代碼了，接下來通過一系列的demo開發(fā)教學你將很快上手學習到...

whatsns 2019-08-19 18:10 評論0 收藏0
一個App完成入門篇（二）-搭建主框架

摘要：一個完成入門篇二搭建主框架通過第一課的學習，你已經掌握了如何通過調試器來跟上的設計器聯(lián)調來實時查看設計效果調試代碼了，接下來通過一系列的開發(fā)教學你將很快上手學習到如何開發(fā)一個真正的。一個App完成入門篇（二）-搭建主框架通過第一課的學習，你已經掌握了如何通過debug調試器來跟PC上的設計器聯(lián)調來實時查看UI設計效果、調試代碼了，接下來通過一系列的demo開發(fā)教學你將很快上手學習到...

DevTalking 2019-08-14 15:31 評論0 收藏0