之前也有用 HorizontalScrollHandler這個外掛，做過用手指水平滑動，來切換不同的畫面，這次來記錄一下它基本的方塊。

記錄一下：
App Inventor學習記錄226-水平捲動、垂直捲動配置強化外掛~HorizontalScrollHandler

---

這次範例的完成品如下。

在上面的 gif圖片中，顯示了這個外掛的幾種移動的方法。
可以移動到最左最右，移動到指定座標，或者是移動幾個像素等等的。

---

畫面配置如上。

---

fading edge enabled，這個設定成 true或是 false，我看不出差別
over scroll mode，可以設定的值為 0,1,2三種模式，0是可捲動，2是不能捲動。
scrollbar enabled，左右滑的拉桿要不要顯示。
user control，這是指能不能用手指頭來滑動。
max scroll position，水平捲動配置的捲動的最大值為何。

call horizontal scroll handler.register scroll view，外掛中選擇要加強那一個水平捲動配置的方塊。
horizontal scroll arrangement參數，放要套用的水平捲動配置。

---

Scroll Left end，外掛中把水平捲動配置移到最左邊。
Scroll Right end，外掛中把水平捲動配置移到最右邊。

---

page scroll Leftward，外掛中把水平捲動配置左移一個螢幕寬度。
page scroll Rightward，外掛中把水平捲動配置右移一個螢幕寬度。

---

Scroll to，外掛中，把水平捲動配置瞬間移動到指定位置。
這裡的位置跟畫布中的 x座標系是相同的，最左邊為 0，往右就一直增加。

---

Smooth Scroll To，把水平捲動配置，用滑動的動畫移動到指定的位置。

---

Smooth Scroll By，把水平捲動配置移動指定的距離。
同樣跟畫布中的 x座標系是相同的。

---

當水平捲動配置移動到最左邊或是最右邊的時候，就會觸發這兩個事件。

---

當水平捲動配置的位置有變化的時候，就會觸發這個事件。
scroll x的值，就會應出當下的 x值 ，這裡會顯示在標籤 1的文字上。

---

我們同樣可以搭配計時器，來自動的捲動水平捲動配置的位置。

好的，全部的程式方塊都簡單說明過了，建議大家試著做一次，就會用的越來越熟。
但如果不想要重新拉程式方塊，或要需要範例 aia檔的話，請前往第 2頁哦!