教你製作「透明背景」的 iOS 14 小工具,讓 iPhone 桌面排版更彈性 – telegram 網頁版

 
當我們在排版 iOS14 的桌面時,由於會受到系統限制,沒辦法隨心所欲地將 App 或小工具排在喜歡的位置,但我們其實可以透過一個小技巧 — 新增「透明背景」小工具。

該透明背景小工具的原理是讓它刻意跟背景圖片一樣,我們視覺上看起來就會是透明的,這樣當我們排版 iPhone 桌面時會更有彈性,讓某些位置留白。

教你製作「透明背景」的 iOS 14 小工具,讓 iPhone 桌面排版更彈性


 

iOS 14 製作「透明背景」步驟

整體步驟其實不難,下方都會有詳細的圖文教學:

  1. 關閉背景圖片的視角縮放
  2. 進入小工具編輯模式,滑到最右邊空白頁面並截圖
  3. 下載「Scriptable App」
  4. 複製程式碼
  5. 貼上到 Scriptable App 內
  6. 設定小工具
  7. 新增到 iPhone 桌面

 

1. 關閉背景圖片的視角縮放

首先第一個步驟很關鍵,我們要關閉目前背景圖片的「視角縮放」功能,依照以下路徑:

  • 設定」>「背景圖片」> 點選該背景 > 關閉視角縮放 > 設定為主畫面

製作 iOS 14 桌面小工具「透明背景」|將背景圖片改為「關閉視角縮放」

 

將視角縮放改為「關閉」,讓它變成靜態的背景圖片。

製作 iOS 14 桌面小工具「透明背景」|將背景圖片改為「關閉視角縮放」

 

2. 進入編輯模式,滑到最右邊空白頁面並截圖

接著,請回到主畫面,並長按背景任一處進入編輯模式,滑到最右邊這個空白桌面,然後直接截圖。

製作 iOS 14 桌面小工具「透明背景」|截圖空白頁面

 

3. 下載 Scriptable App

第三個步驟,下載免費的開發工具 App「Scriptable」,它能讓我們放入程式碼。

  • 點我前往 App Store 下載 Scriptable App

 

4. 複製程式碼

然後我們要複製網友製作好的程式碼,你可以參考下圖是否要含有日期:

  • 點我開啟含有日期的程式碼
  • 點我開啟完全透明的程式碼

製作 iOS 14 桌面小工具「透明背景」|透明背景選項

 

開啟該網頁後,將所有的程式碼選取起來並複製,記得要滑到網頁最底端確保所有都有複製到。

製作 iOS 14 桌面小工具「透明背景」|複製程式碼

 

5. 貼到 Scriptable App 內

下一步,開啟剛剛下載好的 Scriptable App,點選右上角的「」,然後按一下「Paste」將所有程式碼直接貼上。

製作 iOS 14 桌面小工具「透明背景」|貼上程式碼到 Scriptable App

 

如下圖,完成後點選左上角的「Done」。

製作 iOS 14 桌面小工具「透明背景」|貼上程式碼到 Scriptable App

 

現在回到 App 首頁,你會看到最下方出現了我們剛剛新增的程式碼檔案,直接點選它。

製作 iOS 14 桌面小工具「透明背景」|執行 Scriptable App

 

6. 設定透明背景小工具

按一下「Continue」後,選擇我們在步驟 2 所截圖的那張圖片。

製作 iOS 14 桌面小工具「透明背景」|選擇截圖

 

選擇你想放在 iPhone 主畫面的「小工具大小」與「位置」。

  • Small:小
  • Medium:中
  • Large:大
  • Top:頂端
  • Bottom:底端
  • Top left/Top right:左上/右上
  • Middle left/Middle right:左中/右中
  • Bottom left/Bottom right:左下/右下

製作 iOS 14 桌面小工具「透明背景」|設定小工具尺寸與位置

 

7. 新增到 iPhone 桌面

第七個步驟,長按主畫面背景任一處,然後點選左上角的「」,並選擇「Scriptable」,將它新增到桌面上。

製作 iOS 14 桌面小工具「透明背景」|新增 Scriptable 小工具到桌面

 

選擇小工具的大小,這邊注意要新增你剛剛在步驟 6 所選的大小,否則圖片會跑掉。

製作 iOS 14 桌面小工具「透明背景」|新增 Scriptable 小工具到桌面

 

長按該小工具後選擇「編輯小工具」,然後將 Script 改為剛剛設定的 Untitled Script;When interacting 改為 Run Script。

製作 iOS 14 桌面小工具「透明背景」|編輯小工具

 

完成囉,該小工具看起來就像是透明的,讓我們的 iPhone 桌面更有風格。

製作 iOS 14 桌面小工具「透明背景」

 

你可以新增數個不同尺寸與位置的小工具,但記得要在 Scriptable App 內分別為每個小工具貼上程式碼並設定位置與尺寸。製作 iOS 14 桌面小工具「透明背景」

 

大家可以盡情發揮創意來客製化你的 iPhone 主畫面。

製作 iOS 14 桌面小工具「透明背景」

 

操作示範影片

如果你對某些步驟不了解,可以參考下方這個操作影片:

 

總結

如果你想要讓自己的 iPhone 桌面排版更富變化,不希望被系統的排版所限制,那麼你可以參考本篇的教學來讓某些版面呈現透明的背景。

若你希望可以更自由的擺放 App 在任何位置,不受拘束,可以參考這篇製作透明 App Icon 的教學:

  • iPhone 桌面排版進階技巧:使用「透明 App 圖示」佔位,讓你自由排版

iPhone 桌面排版進階技巧:使用「透明 App 圖示」佔位,讓你自由排版

 

編輯精選文章

  • iOS 14 桌布排版教學,快參考這些 iPhone 桌面設計 (附 icon 素材)
  • iOS 14 桌面小工具 實用推薦|日期、時鐘、天氣、音樂、照片、行事曆
  • 教你透過 iOS 14 打造「復刻版 iPhone 桌面」(附 icon 與桌布素材)
  • 想將「倒數日」放在 iPhone 桌面?推薦這 3 款好用又好看的 App

Ten articles before and after

時間管理 App | ATracker,可用於讀書計畫、個人工作任務管理 – telegram 網頁版

iPhone 左上角圖案自訂教學,新增愛心、星星、表情符號圖案 – telegram 網頁版

iPhone 定位怎麼改?教你用 iToolab AnyGo 更改目前 GPS 位置 (免越獄) – telegram 網頁版

iPhone 鎖定畫面底部文字表情符號圖案設定教學,加入愛心、笑臉或顏文字 – telegram 網頁版

Android App 降版教學,簡單 3 步驟降級安裝舊版 APK – telegram 網頁版

iPhone 螢幕變暗?為你解析原因並提供 2 個解決方法! – telegram 網頁版

動森煙火|教你如何放喜歡的煙火圖案 (附煙火設計作品 ID) – telegram 網頁版

iPhone 電影模式怎麼用?拍攝、變更焦點與後製編輯景深教學 – telegram 網頁版

Google Maps 街景功能怎麼用?Google 地圖 App 及網頁版教學 – telegram 網頁版

7 月 Switch 遊戲推薦與整理:異度神劍3、數碼寶貝等六款遊戲 – telegram 網頁版