App Inventor學習記錄134-把垂直或水平配置的背景顏色,設定成漸層的外掛~KIO4_Gradient

把垂直或水平配置的背景顏色,設定成漸層的外掛~KIO4_Gradient。

只適用於 verticalarrangement垂直配置以及 horizontalarrangement水平配置


此次範例的完成品如下。

按下按鈕之後,就會把 8個 verticalarrangement垂直配置的背景顏色,設定成漸層。
上圖的數字和箭頭,代表著漸層擴散的方向和代號。


畫面編排的部份如下。

就是放了很多的垂直配置,和這次要用到的外掛 KIO4_Gradient。


程式碼的部份如下。

設定的方法都是一樣的,所以我就只截圖一部份。
set.kio4_gradient1.cornerradius,設定角落的圓角,數值可以代入數字。
set.kio4_gradient1.shape,照它的說明,應該有 0,1,2,3這 4個值可以代入,但測試起來,只有 0和 1可以用。0是方形,1是圓型。

kio4_gradient1.gradient呼叫外掛設定漸層。
layout的部份,要放的是水平或是垂直配置才能作用
listofcolors,這裡就是放漸層的顏色。
orientation,這裡可以放的數值是 1~8,呈現的方式請參考最上方的圖片。


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

APP INVENTOR外掛
名稱:KIO4_Gradient
外掛來源:ommunity.thunkable.com
外掛載點:
https://community.thunkable.com/t/extension-gradient-in-a-layout-colors-by-list/12508

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

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

發表迴響