App Inventor學習記錄147-把標籤變成可點擊的超連結的外掛~TVLinkify

TVLinkify這個外掛,不只把標籤變成可點擊的超連結,也可以辨認出標籤中的信箱以及電話,點擊標籤則會依照內容不同,開啟不用的應用程式。


這次範例的完成品如下。

這是我在手機上錄的,應該這個外掛和夜神模擬器好像有點不合。
最上方的是一個標籤,標籤裡頭則是放了信箱地址、網址以及電話號碼。
button 1按下的時候,會把這個標籤下頭的東西,全部變成可點擊的連結。
button 2按下的時候,會辨視出標籤下的信箱。
button 3按下的時候,會辨視出標籤下的網址。
button 4按下的時候,會辨視出標籤下的電話。

辨視出來之後,點擊標籤,就會開啟對應的程式。


畫面編排的部份如下。

按鈕對應的功能在前面說明過了,這裡不再重覆。


button 1使用到的方塊說明。

when button 1.click,當按鈕 1被點擊的時候。
call tv linkify 1.all,呼叫外掛中辨視標籤中所有內容的程式。
label參數,這裡就放要辨視的是那一個標籤。


button 2使用到的方塊說明。

when button 2.click,當按鈕 2被點擊的時候。
call tv linkify 1.find email,呼叫外掛中辨視標籤中跟電子信箱有關的內容。
label參數,這裡就放要辨視的是那一個標籤。

點擊這個標籤之後,就會開啟要使用的信箱程式。


button 3使用到的方塊說明。

when button 3.click,當按鈕 3被點擊的時候。
call tv linkify 1.find hyper links,呼叫外掛中辨視標籤中跟網址有關的內容。
label參數,這裡就放要辨視的是那一個標籤。

點擊這個標籤之後,就會開啟瀏覽器,並前往點擊到的網址。


button 4使用到的方塊說明。

when button 4.click,當按鈕 4被點擊的時候。
call tv linkify 1.find phone number,呼叫外掛中辨視標籤中跟電話號碼有關的內容。
label參數,這裡就放要辨視的是那一個標籤。

點擊這個標籤之後,就會開啟打電話的介面。


這次的 aia檔的下載連結如下:
NO_147_Click_label.aia

APP INVENTOR外掛
名稱:TVLinkify
外掛來源:community.appinventor.mit.edu
外掛載點:
https://community.appinventor.mit.edu/t/linkify-extension-detect-links/24391?u=taifun

參考書籍請見博客來書籍介紹頁面:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班

之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面

發表迴響