App Inventor學習記錄150-把不能點擊的元件,如標籤,變的可以點擊的外掛~ClickZ

把不能點擊的元件,如標籤,變的可以點擊的外掛~ClickZ
水平配置垂直配置文字輸入盒等等的,都可以。


這次範例的完成品如下。

這次有測試的部份,包含水平配置、標籤、文字輸入盒、按鈕這幾個。
把原本沒有點擊效果的元件,都加上 clicked可點擊、long clicked可長按、touch up放開,move移動等功能。


畫面編排的部份如下。

主要就是 clickz 1這一個外掛。


全部的程式碼如下。

這個外掛的用法挺容易的,就是設定要套用到那一個元件就可以了。


第 1部份有用到的方塊說明。

when screen 1.initialize,當程式初始化的時候。
call clickz1.register,呼叫外掛中套用效果的程式。
component,這個參數要放的是要套用的是那一個元件。
以這個例子來說,我就呼叫了這個程式 4次,分別套用 button 1按鈕 1、label 2標籤 2,textbox 1文字輸入盒 1,horizontal arrangement 1水平配置 1這幾個元件。

是的,一個外掛,就可以套用在很多個元件上


其它部份使用到的方塊說明。

when clickz 1.clicked,當 clickz 1這個外掛接收到那個元件被點擊的時候。

我們利用這個外掛本身提供的 component參數,來判斷那個元件被按下,再來對應的事情就可以了。

其它像 long clicked長按下、touch up按鈕放開、 move移動等等的,做法都是相同。


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

APP INVENTOR外掛
名稱:ClickZ
外掛來源:community.appinventor.mit.edu
外掛載點:
https://community.appinventor.mit.edu/t/free-clickz-an-extension-to-add-click-long-click-and-more-actions-to-components/38435/69

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

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

發表迴響