![Widgetsmith](https://img.yusuke.com.tw/2020/10/1602585888-83f7894d8788fabc6cd10b7a2f27c98f.png)
這次apple完全來一個大革命更新,有一種這次真的大改版的感覺,升級超有感,連我的舊機都得換掉,本篇文章以iPad mini5 示範,非常有趣的widget程式,app程式首推Widgetsmith,除了基本的日/月曆widget&時鐘widget,還能把自己的照片變成照片Widget。
widget中文意思是小插件、小工具
Widgetsmith
下載網址
你們在App Store搜尋Widgetsmith,並且對照我上面網址裡的圖示,把app先下載好。
app使用示範
以下開始跟你們示範Widgetsmith這個組件小工具的使用方式,真的是秒懂秒上手。
-
Small Widget
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516308-bc46ca11d6ec64df50b1f3a9e741811f.jpg)
打開app,選擇Add Small Widget。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516435-40bc82cb09467ce2ca95ec62b823bbaf.jpg)
滑到右邊可以刪掉不喜歡的Widget,點選Delete就可以了。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516451-c07971a1a5de208f44191bc674511daa.jpg)
創建新的Widget則點選Add a Timed Widget。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516463-41b766350863e7be8ac7946ced4dacb3.jpg)
點選中間系統預設的Widget就可以開始設定自己喜歡的Widget樣式。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516477-bc6ae81cc3cd65acb891148adcdaf1e7.jpg)
可以更改的設定有Widget 時間樣式和Widget日期樣式。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516489-86c264fd194273aa1ef695fecfa2870f.jpg)
Clock-我選的是時鐘型態的Widget,因為我覺得很可愛。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516504-0c5de098bce3cc0024549c188ee198f8.jpg)
Font-接著你可以開始設定時鐘的Style,你會看見時鐘上面的數字型態都不太一樣,選擇你喜歡的風格。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516519-8d55739fce431ecb933fe1cbd964fbc0.jpg)
Location-可以選擇編輯你所在的位置,Tint Color則有很多顏色的時鐘可以選擇。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516532-889295f453ec69ab1fbf586056d55189.jpg)
Tint Color-選擇想要的時鐘字顏色,通常我會拉到最底下的色盤來自訂自己喜歡的顏色,點選+號就可以新增自己喜歡的顏色,才不用每用一次修改一次。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516545-7089810d2bad8a767b878416a20857b0.jpg)
Background Color-設定時鐘的背景色。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516557-d43ab4564d677ec210081d2ce61f0a43.jpg)
超多美麗的時鐘可以選擇。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516569-352cb0d2107eeefa12fa37a9aa171640.jpg)
Border Color-這裡可以設定時鐘Widget邊框色,但這裡我通常會跳過設定,因為我覺得時鐘就是要像時鐘的樣子比較可愛特別。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516582-1e9d00a1b5727c027e0c8e00a57e9130.jpg)
全部都設定好後,請返回前面一頁,把中間上排的名稱改成你用來辨別Widget樣式的名稱,像我是把名稱改成とけい。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516596-95da9f550ad78a7b310ce5d279cdda44.jpg)
繼續返回最開始的頁面,就會看到新設定的時鐘Widget。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602560702-fa499f57b91fe5404e7d2cb4c6162704.jpg)
回到你的設備畫面,久按讓app程式呈現浮動編輯的畫面(就跟你要刪除app會做的動作一樣),請點選編輯主畫面,再接著點選左上角的+號。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516608-e9a354e20603b891ac5efe477e4a2446.jpg)
在搜尋小工具的位置打Widgetsmith(就是你剛製作Widget所使用的app名稱)。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516620-20658bfd141242503161023c3886cfa1.jpg)
點選加入小工具將Widget加到桌面上。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516645-b1c506ad954cfa269bd8648c36a2e509.jpg)
在新增的Widget上點一下更換你要的樣式名稱,之後要再修改也都可以直接長按app後點選編輯小工具,隨時都能編輯改變Widget樣式,真的很方便。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516657-88470ccfe3023cba4fc72d657240ada7.jpg)
於是簡單幾個步驟,可愛的時鐘widget就出現在你手機或平板桌面上了。
-
Medium Widget
中型的Widget可以設定成月曆風格widget。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516668-33bc195ecf2ae22ed4580b98b67ccf7f.jpg)
先選擇Add Medium Widget再點選Add a Timed Widget。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516681-1f695e4326cf3ca7d7ded21e82428d3d.jpg)
Style-從Style開始設定,選擇喜歡的樣式,Font可以設定字型樣式。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516703-ab665d7721c4f42ff6ab25c1237463e9.jpg)
Tint Color-設定月曆widget字型的顏色,一樣拉到最底下會有色盤可以自行調色。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516718-b4701e13f9cdfc48d8a3df09268eb310.jpg)
Background Color-改月曆的背景色。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516731-5190c06eb157e58876fa692a66eb8e8a.jpg)
回到前一頁更改widget名稱並且點選Save存檔。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516746-72da7a86d16d9debdda2a3874d8df27b.jpg)
照著前面第一個Small Widget製作方式一樣,讓app呈現編輯狀態,點選+號,搜尋widget的app名稱,加入小工具即可。
-
Large Widget
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516759-5df032104f9dd4e8a12ff70f595aea92.jpg)
當然你也可以製作成照片型態的widget,在這裡我會新增Large Widget。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516775-acc9f8e83147a9a2e4be2619c5ba3551.jpg)
選擇想要製作widget的照片,它最好是可以充滿個人特色的照片,像我就是用我照片這樣。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516787-d35cb31e167677e54dee1adbcbef1d49.jpg)
和前面的widget製作編輯步驟都一樣,只是一樣記得編寫自己好辨識的widget名稱。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516800-3038b89eaa9484b7e40fbc950aaa6932.jpg)
新的照片widget就製作好了。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602578002-7a21d23d28768cc879c90135f712964d.jpg)
真的超大widget,在手機平板桌面上看起來超搶眼的。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516819-e2256ead517d9a2937c334765201ed18.jpg)
最有趣的還有BATTERY的電池widget,不過設定方式也都跟前面的Small Widget&Medium Widget一樣,就先不多贅述了。
如果你對製作照片widget還有興趣,請繼續耐心看完文章
以下跟你們繼續分享更改成照片widget的方式,其實很簡單,而且感覺更個人化了。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602554593-7ffaa67c2af1fda26ebca422991ddcf0.jpg)
Style-選擇你想要的照片widget風格。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602554615-a1c3563dbcb3fe4fa86f685758e542d3.jpg)
選擇照片。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602554629-011590d6719f1b1ae5fae43f90591300.jpg)
由於此app不能直接點選後編輯,建議可以先將照片事先裁剪成自己覺得適當的大小。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602554642-138d9384d3cff6a2b88e4c4d1eed1345.jpg)
照片選好之後再選擇風格。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602554657-dfd4a69491b453b80e0d6d103ac87298.jpg)
Font-選擇照片上字型的樣式。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602554672-ebaf4345de0c54036e3f202b611761f9.jpg)
我選擇的字型樣式是Chalkduster。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602554685-c81ed7b2547a196d9fafc5a44d8db5ab.jpg)
Tint Color-選擇字型的顏色。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602554698-2c790c29f5eec3870dfdfcc842ec7c96.jpg)
我的習慣一樣是從色盤來自訂顏色。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602554715-74bdd3834deb9823579f4e0f3826a68a.jpg)
Alignment-比較特別是這個可以調整文字位置的設定,當然是以不要遮住照片人物為前提。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602556995-e207002720fbeb10d98121cc4f6124be.jpg)
這樣就完成全部設定了。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602557030-920332afa286816fa2ea9a111c018678.jpg)
重新編寫好新的名稱就可以了。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602557043-591654035aeb7c6359ba7d9b18611083.jpg)
再回到手機或平板設備的主畫面,會發現照片widget已新增在桌面上了。
以下同場加映一個我覺得還不錯具有可提醒事項的widget app
Widgetmemo – メモウィジェット
下載網址
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516836-2606135b3292b758d1add7cbfbc0f5d7.jpg)
Widgetmemo有六種樣式可以選擇。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516847-e5221bf332ad19b14b7d294f0cea0972.jpg)
選好想要的樣式後點選OK。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602516860-0cbbbd8f4cdf9f4ece59a85faceb19bc.jpg)
它是以To do的方式展現。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602551255-1980603ceda309f035cb076a658e4a29.jpg)
你可以在下面的展示區打上你想要註記的字,像我是要備註我要買的食材。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602551273-bb3d1aff778b5ae3c3a4432771e33010.jpg)
換行就可以再新增一排,點一下打勾的圖示就可以換另種版面樣式呈現。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602551288-e680edb6d9e76c161077fde2deba4868.jpg)
把核取方塊取消掉後變成是比較像便利貼的形式。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602551309-3acc98354e2dccbb66b911074fca9492.jpg)
用一樣的方式搜尋製作widget的app。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602551327-adbba701307332ca2154d23e111cde41.jpg)
這是我最後的完成圖。
![【iOS 14專屬個人化桌面Widgetsmith】超詳解完整版,照片Widget設定,Widget組件](https://img.yusuke.com.tw/2020/10/1602551340-e1983018377c05b9a58423372f8b4484.jpg)
於是我的有核取方塊的To do的widget就出現在我的平板桌面上了。
以上是今日跟你們分享的widget,這次APPLE大升級的iOS 14最需要學習的就是這個widget組件功能了,有問題歡迎留言跟我分享唷!也可以留言跟我分享你們的創意獨特桌面。