[AppSheet教學] 解決 Google 表單圖片無法在 AppSheet 中顯示的問題

今天要跟大家分享一個在製作 Google 表單與 AppSheet 串接時常遇到的問題：「如何讓 Google 表單原本設計好的圖片，也能在轉換後的 AppSheet App 中顯示？」

通常我們把 Google 表單轉換成 AppSheet 時，表單內的「圖片」元素（例如宣傳海報、說明圖示）因為權限與架構的關係，無法直接被 AppSheet 讀取，會顯示成一個無法存取的圖示（Image Placeholder）。

要解決這個問題，我們需要手動進行一些設定。以下是完整的操作教學。

為什麼圖片不會顯示？

當您在 Google 表單中插入圖片（非上傳題，而是版面上的裝飾圖或說明圖），AppSheet 預設會將其視為 Show 類型的欄位，但因為無法直接抓取 Google 表單內嵌圖片的權限，導致 App 中變成空白或錯誤圖示。

解決方案： 我們需要將圖片上傳到網路空間（取得公開連結），並透過 AppSheet 的公式（Formula）來指定顯示該圖片。

---

操作步驟教學

第一步：準備 Google 表單與試算表

1. 建立一個新的 Google 表單。

2. 在表單中加入您需要的圖片（例如：基金折扣圖）以及問題（例如：選擇打幾折）。

3. 點選表單上方的「回覆」，點擊綠色圖示建立「Google 試算表（Google Sheets）」，這是 AppSheet 的資料庫來源。

第二步：產生 AppSheet App

1. 在 Google 表單的外掛程式選單中，選擇 AppSheet -> Launch。

   • 注意：如果是第一次使用，系統可能會要求您先點擊 

2. 進入 AppSheet 的編輯畫面後，您會發現剛剛表單中的圖片顯示為「Image Placeholder」，並提示無法存取。

第三步：修改 AppSheet 欄位設定 (關鍵步驟)

我們要將該欄位強制指定為一張網路圖片。

1. 在左側選單點選 Data（資料）。

2. 點選 Columns（欄位），展開您的表單資料表。

3. 找到對應圖片的欄位（例如 Image 1）：

   • 預設 Type（類型）可能是 Show，請將其更改為 Image。

4. 找到該欄位的 Formula（公式）欄位，點擊 ... 或 = 符號進入編輯：

   • 在公式框中輸入您的圖片網址，並用雙引號包起來。

   • 格式範例：

     codeText

     "http://bestdaylong.com/images/ad_shop_02.png"

   • 請注意：圖片必須是公開可存取的網址。

5. 按下 Save 儲存公式。

第四步：修改圖片標題或說明文字

設定好圖片後，AppSheet 預設可能會在圖片上方顯示欄位名稱（例如 Image 1）。如果您想修改或隱藏這個標題，請調整 Description 欄位：

• 如果要隱藏標題：
  在該圖片欄位的 Description 中輸入一個包含空白的字串公式：

  codeText

  " "

  (注意：裡面要有一個空格，不能完全空白)

• 如果要自訂標題文字：
  在 Description 中輸入您想顯示的文字：

  codeText

  "基金折扣說明圖"

第五步：儲存並預覽

1. 完成上述設定後，記得點擊右上角的 Save 按鈕。

2. 觀察右側的預覽視窗，您原本在 Google 表單上的圖片，現在應該已經可以完美地顯示在 AppSheet 中了！

3. 下方的問卷題目（例如：兩件九折、兩件八折）也能正常運作並將資料回寫到試算表。

---

重點總結

1. 將欄位類型改為 Image：將原本的 Show 改為 Image。

2. 使用 Formula 指定連結：將圖片網址填入 Formula 欄位（記得加雙引號）。

3. 調整 Description：利用 Description 欄位來控制圖片上方的文字顯示或隱藏。