2026年4月25日 星期六

【AI教學】如何利用 AI Studio 輔助 AppSheet 開發:更換應用程式圖示 (App Logo) 全攻略

大家好,我是彰化一整天的blog站長。今天要來跟大家分享一個非常實用的開發技巧:如何利用 Google 的 AI Studio (Gemini) 來協助我們解決 AppSheet 開發過程中的疑難雜症。

這次我們的目標是:更換 AppSheet 應用程式的圖示 (App Logo),並將其換成自家的品牌 Logo(以「香純滴雞精」為例)。


💡 為什麼要用 AI Studio?

在學習新工具時,最快的方式就是直接詢問 AI。AI 不僅能提供步驟教學,最厲害的地方在於:當你找不到選單或遇到介面更新時,你可以直接截圖給 AI,讓它幫你「看」問題在哪裡。


🛠️ 第一步:向 AI Studio 提問

我首先在 AI Studio 輸入了問題:「AppSheet 如何更換自訂圖示?」

AI 給出了初步的建議,指出更換圖示主要分為兩個部分:

  1. 應用程式圖示 (App Logo):顯示在手機桌面或啟動畫面。

  2. 選單視圖圖示 (View Icons):App 內部選單的圖示。

⚠️ 遇到的小插曲:
AI 最初提供的路徑是 Settings > Information > Appearance,但我發現目前的 AppSheet 介面已經更動,找不到這個選項。這時,我直接將我的 AppSheet 畫面截圖上傳給 AI。

AI 讀取截圖後立刻修正了回覆:「根據你的截圖,目前應該在 Settings > Theme & Brand 下方進行設定。」


🖼️ 第二步:更換應用程式圖示 (App Logo)

依照 AI 修正後的路徑,我們開始動手做:

  1. 進入設定: 在 AppSheet 編輯器左側選單,點擊齒輪圖示的 Settings

  2. 路徑: 選擇 Theme & Brand

  3. 尋找 App Logo: 向下捲動,你會看到「App Logo」選項。

  4. 選擇來源:

    • 你可以選擇 AppSheet 內建的圖示。

    • 若要使用自訂圖示,請點擊右側的 「資料夾圖示」(Custom)


☁️ 第三步:從 Google 雲端硬碟上傳自訂 Logo

要使用自己的照片當 Logo,必須先將圖片存放於網路空間(如 Google Drive):

  1. 將準備好的 Logo 圖片(例如:滴雞精 Logo)上傳到你的 Google 雲端硬碟

  2. 回到 AppSheet,點擊 App Logo 旁的自訂選取。

  3. 選擇 Google Drive Files

  4. 找到剛才上傳的圖片並選取。

  5. 點擊 Save 儲存設定。

✅ 完成效果: 儲存後回到「My Apps」列表,你就會發現應用程式的圖示已經成功換成你自訂的品牌 Logo 了!


🔍 補充:關於選單視圖圖示 (View Icons)

AI 也特別提醒,App 內部的「View Icons」目前主要支援內建的圖示庫(如 Material Design 或 Font Awesome),通常無法直接上傳圖片。如果你覺得內建圖示不夠美觀,可以進階使用「Format Rules」(格式規則)來進行更細緻的圖示設定。


🔗 如何分享你的 AI 詢問過程?

如果你想把與 AI 的討論過程分享給團隊成員,AI Studio 提供了很方便的功能:

  1. 點擊右上角的 Share prompt

  2. 設定權限(例如:任何知道連結的人皆可查看)。

  3. 複製連結即可分享。

    • 注意:收件者仍需登入 Google 帳號才能查看內容。


📝 結語

這次的教學展示了 AI 如何成為開發者的強力助手。當官方文件過時或介面找不到時,一張截圖、一個問題,AI 就能幫你省下大量的搜尋時間。

希望這篇教學對正在學習 AppSheet 的你有所幫助!如果有任何問題,歡迎在下方留言討論。 



沒有留言:

張貼留言

注意:只有此網誌的成員可以留言。

【AI教學】如何利用 AI Studio 輔助 AppSheet 開發:更換應用程式圖示 (App Logo) 全攻略

大家好,我是彰化一整天的blog站長。今天要來跟大家分享一個非常實用的開發技巧: 如何利用 Google 的 AI Studio (Gemini) 來協助我們解決 AppSheet 開發過程中的疑難雜症。 這次我們的目標是: 更換 AppSheet 應用程式的圖示 (App Lo...