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

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

本節教程主要要教會你們使用二維碼掃描和用do_WebView組件加在html頁面。

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

1. 導入完整項目

本節示例demo請參考下載地址，能夠導入到設計器中學習。

這節教程中將要用到的組件有do_BarcodeView請你們前幾節教程所教授的方法，提早添加這兩個組件，並打成相應調試包用於調試。

1. 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來觸發該事件，須要注意的是，事件的觸發需在訂閱以後。

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