App Inventor學習記錄108-讓多個清單顯示器一起同步移動的小技巧

這是一個小技巧,在資料不多的時候,可以讓多個清單顯示器一起同步移動。
記錄一下:
App Inventor學習記錄108-讓多個清單顯示器一起同步移動的小技巧


完成的範例如下。

畫面中有 3個水平放置的清單顯示器,我們在移動一個清單顯示器的時候,其它 2個清單顯示器會跟著一起移動。這是一個有使用條件限制,但挺好用小技巧。


這次的重點,不在程式怎麼寫。而是在畫面編排上。
畫面編排如下。

很明顯的,這裡有 3個清單顯示器水平列。
這裡的第 1個重點在於使用垂直捲動配置,再把清單顯示器給放進來


第 2個重點在於清單顯示器的高度屬性,要設定成像素,我這裡設定 9999的最大值。
實際上在用的話,可以不用設定到這麼大。

這裡的測試結果挺有趣,建議大家可以修改一下高度的數字,測試一下。
就會知道這個小技巧使用的條件限制了。


程式碼的部份。

這裡就是簡單的建立幾個清單,用來顯示用的。


我想可能是因為垂直捲配配置的優先順序大於清單顯示器的關係,所以在這裡只要把畫面配置弄好,不用寫程式,就可以達到多個清單顯示器同時移動的效果。
但,就跟前面說明一樣,這個方法是有條件使用限制的。
如果說我們的資料筆數超過清單顯示器,設定的高度的話,那麼就會失效,也就是說資料不能太多筆。我自己測試了一下。資料在 30左右是可以的,在往上就沒有測試了。

好的,這次的 aia檔的下載連結如下:
點我下載 NO_108_Two_listview.aia

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

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

發表迴響