一個App完成入門篇（七）- 完成發現頁面

xioqua 發布于2019-08-19 18:12 / 1167人閱讀

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

第七章是入門篇的倒數第二篇文章了，明天整個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加載完成完成上傳加載完成完成后

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79304.html

一個App完成入門篇（七）- 完成發現頁面

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

Yu_Huang 2019-08-02 15:54 評論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開發教學你將很快上手學習到...

DevTalking 2019-08-14 15:31 評論0 收藏0
一個App完成入門篇（二）-搭建主框架

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

maybe_009 2019-08-01 15:12 評論0 收藏0