iT邦幫忙

2023 iThome 鐵人賽

DAY 28
0
SideProject30

拿到一支Garmin錶,要怎麼開發app?系列 第 28

[Day-28] 開發新的錶面-9

  • 分享至 

  • xImage
  •  

台北車站大廳的時鐘只要整點報時,鐘下的小火車就會動起來吸引遊客駐足,
我想要在錶面也增加動畫,讓手錶在整點的時候也可以有一點驚喜。

爬文一陣子之後發現了一篇教學,有說明了相關的作法
https://forums.garmin.com/developer/connect-iq/b/news-announcements/posts/bring-your-app-to-life-with-animation
不過可惜的是,這個做法使用的api是Toybox.WatchUi.AnimationLayer
api等級需要3.1.0才能使用,偏偏我的手錶只支援到1.4.0,只好另外再找找有沒有其他適合的方法。

我想到一個做法是類似gif的方式,藉由輪流替換很多張圖片達到動畫的效果,
不知道可不可行,就試試看吧

首先準備一張gif圖檔
clown
然後透過工具將gif拆成數個jpg
https://www.iloveimg.com/zh-tw/convert-to-jpg
我是用這個網站的工具拆的
下載下來會是一個ZIP裡面有多個JPG
https://ithelp.ithome.com.tw/upload/images/20231013/20128973G6tWZ5TeJo.png
這麼多小丑看得我頭好暈啊/images/emoticon/emoticon06.gif

我挑選其中8張要在錶面顯示的Jpg,然後丟進Project裡的drawables目錄
https://ithelp.ithome.com.tw/upload/images/20231013/20128973dEM1qSveUC.png
修改drawables.xml

<drawables>
    <bitmap id="LauncherIcon" filename="launcher_icon.png" />
    <bitmap id="clown1" filename="clown/he-0016.jpg" />
    <bitmap id="clown2" filename="clown/he-0018.jpg" />
    <bitmap id="clown3" filename="clown/he-0020.jpg" />
    <bitmap id="clown4" filename="clown/he-0022.jpg" />
    <bitmap id="clown5" filename="clown/he-0025.jpg" />
    <bitmap id="clown6" filename="clown/he-0027.jpg" />
    <bitmap id="clown7" filename="clown/he-0029.jpg" />
    <bitmap id="clown8" filename="clown/he-0033.jpg" />
</drawables>

明天再繼續


上一篇
[Day-27] 開發新的錶面-8
下一篇
[Day-29] 開發新的錶面-10
系列文
拿到一支Garmin錶,要怎麼開發app?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言