摘要:本節(jié)教程主要要教會大家使用二維碼掃描和用組件加在頁面。分析一下我們將要實現(xiàn)的發(fā)現(xiàn)頁面,點擊掃描按鈕調(diào)用的掃描功能,進行二維碼掃描,而在頁面正中放一個組件,加載本地的文件,在該文件中自定義頁面樣式,并在中畫出的按鈕中響應(yīng)的各組件功能。
第七章是入門篇的倒數(shù)第二篇文章了,明天整個APP將進入收官。
本節(jié)教程主要要教會大家使用二維碼掃描和用do_WebView組件加在html頁面。
導(dǎo)入項目
do_WebView組件
掃描功能
自定義事件
將要學(xué)習(xí)的demo效果圖如下所示
導(dǎo)入完整項目
本節(jié)示例demo請參考下載地址,可以導(dǎo)入到設(shè)計器中學(xué)習(xí)。
這節(jié)教程中將要用到的組件有do_BarcodeView請大家前幾節(jié)教程所教授的方法,提前添加這兩個組件,并打成相應(yīng)調(diào)試包用于調(diào)試。
do_WebView組件
do_WebView是一個很強大的組件,既可以訪問網(wǎng)頁,也可以加在本地html,更可以在html頁面中嵌套DeviceOne組件,能完美結(jié)合h5頁面和DeviceOne原生組件。
分析一下我們將要實現(xiàn)的發(fā)現(xiàn)頁面,點擊“掃描”按鈕調(diào)用do_BarcodeView的掃描功能,進行二維碼掃描,而在頁面正中放一個do_WebView組件,加載本地的html文件,在該文件中自定義頁面樣式,并在html中畫出的button按鈕中響應(yīng)DeviceOne的各組件功能。
更詳細的文檔請見WebView的使用
3.掃描功能
新建一個scanBarcode.ui頁面,里面就放一個do_BarcodeView組件,在點擊“點擊掃描”按鈕后打開該頁,并調(diào)用do_BarcodeView的scan功能掃描二維碼,在掃描成功的回調(diào)中調(diào)用closePage關(guān)閉該頁,這里僅供演示用,正常掃描的結(jié)果會在回調(diào)函數(shù)的data中返回,用戶可以拿到這個data做任意操作。
4.自定義事件
DeviceOne提供事件和消息機制,開發(fā)者可以很方便的使用。這里有一個簡單的示例:
通過on來訂閱do_ALayout_opt的touch事件,在合適的地方用fire來觸發(fā)該事件,需要注意的是,事件的觸發(fā)需在訂閱之后。
更詳細的文檔請見事件和消息機制的介紹
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/54309.html
摘要:本節(jié)教程主要要教會大家使用二維碼掃描和用組件加在頁面。分析一下我們將要實現(xiàn)的發(fā)現(xiàn)頁面,點擊掃描按鈕調(diào)用的掃描功能,進行二維碼掃描,而在頁面正中放一個組件,加載本地的文件,在該文件中自定義頁面樣式,并在中畫出的按鈕中響應(yīng)的各組件功能。 第七章是入門篇的倒數(shù)第二篇文章了,明天整個APP將進入收官。 本節(jié)教程主要要教會大家使用二維碼掃描和用do_WebView組件加在html頁面。 導(dǎo)入項目...
摘要:雖然蘋果官方提供了關(guān)于的與使用說明,但這并不能滿足開發(fā)者們的需求,各類復(fù)雜場景依舊讓我們焦頭爛額,而解決方案卻不易尋找。二源碼下載編譯及調(diào)試之前我們首先需要獲取一份蘋果官方的源碼。 一、前言移動互聯(lián)網(wǎng)時代,網(wǎng)頁依舊是內(nèi)容展示的重要媒介,這離不開 WebKit 瀏覽內(nèi)核技術(shù)的支持與發(fā)展。在 iOS 平臺下開發(fā)者們...
摘要:時間永遠都過得那么快,一晃從年注冊,到現(xiàn)在已經(jīng)過去了年那些被我藏在收藏夾吃灰的文章,已經(jīng)太多了,是時候把他們整理一下了。那是因為收藏夾太亂,橡皮擦給設(shè)置私密了,不收拾不好看呀。 ...
摘要:一個完成入門篇二搭建主框架通過第一課的學(xué)習(xí),你已經(jīng)掌握了如何通過調(diào)試器來跟上的設(shè)計器聯(lián)調(diào)來實時查看設(shè)計效果調(diào)試代碼了,接下來通過一系列的開發(fā)教學(xué)你將很快上手學(xué)習(xí)到如何開發(fā)一個真正的。 一個App完成入門篇(二)-搭建主框架 通過第一課的學(xué)習(xí),你已經(jīng)掌握了如何通過debug調(diào)試器來跟PC上的設(shè)計器聯(lián)調(diào)來實時查看UI設(shè)計效果、調(diào)試代碼了,接下來通過一系列的demo開發(fā)教學(xué)你將很快上手學(xué)習(xí)到...
摘要:一個完成入門篇二搭建主框架通過第一課的學(xué)習(xí),你已經(jīng)掌握了如何通過調(diào)試器來跟上的設(shè)計器聯(lián)調(diào)來實時查看設(shè)計效果調(diào)試代碼了,接下來通過一系列的開發(fā)教學(xué)你將很快上手學(xué)習(xí)到如何開發(fā)一個真正的。 一個App完成入門篇(二)-搭建主框架 通過第一課的學(xué)習(xí),你已經(jīng)掌握了如何通過debug調(diào)試器來跟PC上的設(shè)計器聯(lián)調(diào)來實時查看UI設(shè)計效果、調(diào)試代碼了,接下來通過一系列的demo開發(fā)教學(xué)你將很快上手學(xué)習(xí)到...
閱讀 1724·2023-04-26 02:30
閱讀 1057·2021-11-10 11:36
閱讀 1397·2021-10-08 10:14
閱讀 3525·2021-09-28 09:35
閱讀 1565·2021-08-23 09:47
閱讀 2561·2019-08-30 15:56
閱讀 1488·2019-08-30 15:44
閱讀 1778·2019-08-30 13:59