建立使用者能捲動以顯示不同項目的畫面。 例如,您可能想要建立一個可以用直條圖和折線圖來顯示資料的應用程式。 藉由新增捲動畫面,您可以新增多個控制項,並在使用者捲動時顯示。

當您在區段中新增多個控制項時,不論是手機應用程式或平板電腦應用程式,控制項都會保持在區段中的相對位置。 請注意,螢幕大小和方向可能會決定區段的排列方式。

 

必要條件

建立捲動畫面

  1. 在 [常用] 索引標籤上,按一下或點選 [新增畫面]:

    新增畫面到應用程式的選項

  2. 在 [常用] 索引標籤上,按一下或點選 [配置],然後按一下或點選選項來新增無限捲動的畫布:

    新增無限捲動畫布的選項

    已新增畫布:

    具有以預設方式顯示之無限捲動畫布的畫面

新增元素

現在,讓我們新增一些控制項至畫布,看看捲動畫面如何運作。

  1. 在您新增的畫布中,按一下或點選 [從 [插入] 索引標籤新增項目]。

  2. 在 [插入] 索引標籤上,按一下或點選 [圖表],然後按一下或點選 [直條圖]。

    新增直條圖的選項

    直條圖顯示在畫面上的第一張卡片中:

    預設的直條圖

  3. 在 [插入] 索引標籤上,按一下或點選 [文字],然後按一下或點選 [手寫筆輸入]:

    新增手寫筆控制項的選項

  4. 將手寫筆控制項移動到圖表下方,然後調整手寫筆控制項的大小,以覆蓋卡片的底部:

    移動並調整手寫筆控制項的大小

新增區段

現在,讓我們新增包含另一個控制項的卡片。

  1. 在接近畫面底部的位置,按一下或點選 [新增區段]:

    新增區段的選項

    卡片將新增到畫面上:

    位於預設區段下方的新卡片

  2. 在選取卡片的狀態下,移至 [插入] 索引標籤,按一下或點選 [圖表],然後按一下或點選 [折線圖]。

    新的圖表太大,因而無法與其他控制項一起顯示於畫面上:

    新增到新卡片底部的折線圖

  3. 按下 F5 開啟 [預覽] 模式 (或按一下或點選右上角的播放圖示)。

    開啟預覽模式

  4. 向下捲動以顯示新的折線圖。

    預覽能顯示折線圖