AppSheet 教學：如何將欄位過多的表單分段或分頁顯示？(Tabs/分段)

在開發 AppSheet 應用程式時，我們經常會遇到一個挑戰：當一個資料表單需要填寫的欄位非常多時，使用者在手機或電腦上需要不斷地向下捲動，不僅操作不便，也容易遺漏欄位。為了解決這個問題，AppSheet 提供了強大的功能，可以將長表單分段或以頁籤 (Tabs) 的方式呈現，讓使用者介面更加清爽、直觀。

這篇文章將根據影片教學，帶您一步步學會如何實現這兩種效果。

前言：兩種分頁模式的選擇

在開始之前，我們先了解兩種主要的呈現方式：

1. 分段顯示 (Sectioned Form)：將表單切分成數個區塊，每個區塊底部會有「上一步 (Prev)」和「下一步 (Next)」的按鈕，使用者需要依序完成各區塊的填寫，最後才看到「儲存 (Save)」按鈕。這種方式適合有固定流程、需要引導使用者逐步完成的場景。

2. 分頁籤顯示 (Tabbed Form)：在表單頂部會出現可點擊的頁籤，使用者可以自由地在不同頁籤之間切換，查看或填寫不同區塊的資料。這種方式提供了更高的自由度，適合讓使用者隨時跳轉到特定區塊進行修改。

教學步驟

無論您想實現哪種效果，核心的原理都是利用 Show 類型的欄位來作為分頁的標記。

首先，我們需要回到資料的源頭—您的 Google Sheet。在您想要進行分段的欄位之前，插入一個新的空白欄位。這個欄位將作為我們分頁的「標題」或「分隔符」。

例如，在一個股票交易紀錄表中，我們可以將欄位分為「股票資訊」、「購買資訊」和「賣出資訊」三個部分。

1. 打開您的 Google Sheet 工作表。

2. 在第一個欄位前，插入一個新欄位，命名為「股票資訊」。

3. 在代表購買資訊的欄位（如「購買日期」）前，插入一個新欄位，命名為「購買資訊」。

4. 在代表賣出資訊的欄位（如「賣出日期」）前，插入一個新欄位，命名為「賣出資訊」。

在 Google Sheet 中新增欄位後，您必須讓 AppSheet 知道資料表的結構已經改變。

1. 回到 AppSheet 編輯器。

2. 導覽至 Data > Tables，並選擇您剛剛修改的資料表。

3. 點擊右上角的 Regenerate schema 按鈕，AppSheet 會重新讀取 Google Sheet 的欄位結構，將您新增的標題欄位同步進來。

這是最關鍵的一步。我們需要將剛剛新增的標題欄位類型設定為 Show，AppSheet 就會自動將其識別為一個分頁的開始。

1. 在 Data > Columns 頁面，找到您剛剛新增的「股票資訊」、「購買資訊」等欄位。

2. 將這些欄位的 TYPE 從預設的 Text 修改為 Show。

完成此步驟並儲存後，您的表單就會自動變成分段顯示模式，並在每個區段下方出現「Next」按鈕。

注意：
Show 類型的欄位本身不能儲存任何資料，它只是一個顯示標記。如果您原有的欄位有設定 INITIAL VALUE (初始值)，在 Regenerate schema 後，AppSheet 有可能會錯誤地將初始值設定套用到新的 Show 欄位上，導致出現錯誤提示。請務必檢查並將 Show 欄位的 INITIAL VALUE 清空。

如果您更喜歡頁籤的呈現方式，可以透過以下設定輕鬆切換。

1. 導覽至 UX > Views。

2. 找到對應的表單視圖 (通常名稱會是 [資料表名稱]_Form)。

3. 在右側的 View Options 設定中，找到 Page style。

4. 將其從預設的 Automatic 修改為 Tabs。

5. 點擊右上角的 Save 儲存變更。

修改為 Tabs 樣式後，您會發現頁籤預設顯示為 "Page 1", "Page 2", "Page 3"，而不是我們想要的中文名稱。我們需要回到 Data 設定來完成最後的調整。

1. 回到 Data > Columns 頁面，找到您的 Show 類型欄位（例如「股票資訊」）。

2. 點擊該欄位左側的鉛筆圖示進入詳細設定。

3. 在 Type Details 區塊中：

   • Category：選擇 Page_Header。

   • Content：在欄位中輸入您希望頁籤顯示的文字，記得要用雙引號包起來，例如 "股票資訊"。

4. 對每一個 Show 類型的欄位重複此步驟。

5. 完成後儲存，您的表單頁籤就會顯示為您設定的中文名稱了！

總結

透過簡單的五個步驟，我們就能將一個冗長的 AppSheet 表單變得井然有序。

• 基礎版：只需在 Google Sheet 新增欄位，並在 AppSheet 中將其類型設為 Show，即可實現分段、依序填寫的表單。

• 進階版：進一步到 UX 將 Page style 設為 Tabs，並在 Show 欄位的 Content 中填入標題，就能打造出美觀且高效率的分頁籤表單。

這個技巧對於提升 AppSheet 應用的使用者體驗至關重要，特別是在處理包含大量資料欄位的場景時。趕快動手試試看，讓您的應用程式更加專業、好用！