記錄一下:
App Inventor學習記錄189-CustomWebView可以關閉瀏覽器右下縮放圖示的外掛
這次範例的完成品如下。
螢幕 1我放是這個外掛做出來的效果,畫面往下拉的時候,很明顯已經沒有右下縮放的圖示在。
螢幕 2則是對比組,就是 app inventor內建的 webviewer。
另外要先補充的是,這一篇的標題取得不好。因為這個 CustomWebView外掛的功能,並不是去關閉原本瀏覽器元件的縮放功能。而應該是說一個功能更強大的瀏覽器才對。關閉右下縮放功能,只是它其中的一項小功能而己。
畫面編排的部份如下。
這裡拉了一個垂直配置進來,還有 customwebview外掛元件進來。
補充說明一下。
當我們匯入這個外掛的時候,在外掛區這裡會出現 3個外掛元件,這次要用的就只有 customwebview這一個。至於為什麼為出現三個外掛元件,我想可能是作者當初在寫的時候,有把功能分用但又統整到一個外掛下的關係。這個是正常的。
全部的程式方塊如下。
按鈕1 按下後,開啟 screen2的畫面。
when screen1.initialize當螢幕初始化的時候。
set customwebview 1.displayzoom to false,把右下角顯示縮放圖示功能給關掉。
這裡有順序的問題,所以先設這一項。
call customwebview 1.create web view,呼叫外掛中建立瀏覽器的程式。
container參數,這裡放要顯示瀏覽器的垂直配置進來。
id參數,先設定為 1。
call customwebview1.set webview,這個我不知道怎麼翻譯好,但這兩個程式都要呼叫執行才行。
id參數,也設定為 1。
call customwebview 1.gotourl,瀏覽器前往 url參數的網址。
url參數,這個自然放的就是網址了。
補充一下怎麼從 github下載這一個外掛。
點擊 aix
這裡有分 app inventor版本和 kodular的版本。我們選擇這一個 app inventor的版本下載。
點擊 download就可以下載這個外掛了。
匯入外掛方法請參考:怎麼匯入 app inventor的外掛(extension)到程式中
好的,全部的程式方塊都簡單說明過了,建議大家試著做一次,就會用的越來越熟。
但如果不想要重新拉程式方塊,或要需要範例 aia檔的話,請前往第 2頁哦!