這一次的完成品範例如下。

就是一個簡單輕巧的旋鈕式調光器。
也由於是這樣，所以可以調整的項目不是太多。
可以調整的地方大部份都是顏色。
不能調整的地方是 0~100這個間距。

畫面編排的部份如下。

label 1，用來顯示指針的數字。
horizontal arrangement 1，用來套用這個外掛效果。

when screen 1.initialize，當程式初始化的時候。
set condrol 1.back circle color to #xxxxxxx，設定背景圓圈色。
set condrol 1.dotted line，設定指針線是圓點還是線。
set condrol 1.indicatorcolo，設定指針顏色。
set condrol 1.main circle color，最大的那一圈的顏色。
set condrol 1.progress primaryi，以及 set condrol 1.secondry prog，這兩個都是設定顏色用的。
這些設定都是針對這個調光器的顏色下去做設定，比較麻煩是在套用顏色的時候，不能直接用內建的顏色方塊，只能用 #xxxxxx的格式下去做。顏色調整上不好一眼就看出是那個顏色。

call condrol 1.control，呼叫外掛套用程式。
input參數，要放的就是 horizontal arrangement 1水平配置 1。
label參數，放文字方塊，用來顯示名稱。

when condrol 1.progress bar change，當指針產生變化的時候。
set label 1.text to get value，把標籤 1的文字，設定成指針的變化位置。

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

APP INVENTOR外掛
名稱：Condrol
外掛來源：community.thunkable.com
外掛載點：
https://community.thunkable.com/t/control-dimmer-extensions/28022/3

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

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