SAP UI5 应用开发教程之五十二 - 如何使用 SAP UI5 的标准控件结合 Cordova 插件调用手机摄像头进行条形码扫描试读版
本教程之前的這幾篇文章,算是圍繞著 SAP UI5 和 Cordova 的一個小系列:
-
SAP UI5 應用開發教程之四十八 - 如何在 SAP UI5 應用里開發條形碼掃描功能 - 通過這篇文章介紹的步驟開發而成的 SAP UI5 應用,只能在桌面瀏覽器里正常運行,在用戶授權的情況下,打開筆記本電腦的攝像頭。
-
SAP UI5 應用開發教程之四十九 - 如何在桌面電腦端調試運行在手機上的 SAP UI5 應用
-
SAP UI5 應用開發教程之五十 - 如何使用 Cordova 將 SAP UI5 應用生成一個能在 Android 手機上安裝的混合應用
-
SAP UI5 應用開發教程之五十一 - 如何使用 Chrome 調試運行在手機上的 SAP UI5 Cordova 混合應用 - 如果一個 SAP UI5 應用使用了 sap.ndc.BarcodeScanner,并且通過 Cordova 構建打包,生成 apk 文件安裝到安卓手機上。在手機上運行時,點擊 Scan 按鈕,仍然不能彈出我們期望看到的手機攝像頭掃描界面。通過調試發現,這是由于 sap.ndc.BarcodeScanner 的內部實現里,首先會去檢測 cordova.plugins.barcodeScanner 是否可用。當且僅當我們在將 SAP UI5 應用打包成 Cordova 應用時,顯式添加 `` 這個 Cordova plugin 到項目時,cordova.plugins.barcodeScanner 才會被賦予正確的值。
本文余下部分介紹如何在一個 Cordova 應用中啟用 cordova-plugin-barcodescanner.
實現的效果如下:
選擇僅在使用該應用時允許即可。
我們在允許該請求之前,HelloCordova 應用在手機 設置 面板里,在權限里顯示的是無需權限:
允許 Cordova 應用請求攝像頭的申請后,權限面板顯示如下:
現在就能使用手機攝像頭,掃描條形碼了:
掃描成功的界面如下圖所示:
詳細步驟參考這篇文章。
總結
以上是生活随笔為你收集整理的SAP UI5 应用开发教程之五十二 - 如何使用 SAP UI5 的标准控件结合 Cordova 插件调用手机摄像头进行条形码扫描试读版的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 餐馆有机花菜无认证遭索赔500元 正当维
- 下一篇: 天娱数科首部 AI 创作科幻短篇《时间少