Hi (), 我又來分享文章啦～ 這幾天再研究一種東西，一開始我還不知道怎去下關鍵字 Google.. 不過找著找著 漸漸有方向了！ 因為看到很多 GitHub 上的專案都寫 HUD 所以就找了一些範例，以及 Google 找資料亂寫亂測 然後有了一點點心得，就來分享一下，如果有觀念不正確請大大們指教～ GitHub： https://github.com/comdan66/OAHUD Demo GIF： https://github.com/comdan66/OAHUD/raw/master/OAHUD.gif 簡略講解一下～ 首先我看了 MBProgressHUD 的做法，其中的 showHUDAddedTo:(UIView *)view 讓我也模仿著做，於是我做了一個類似的 show，然後加在該 view 之下， 一開始還做得很開心，當我用 TabBarController、NavigationController 時 發現，只有中間的 view 區段被覆蓋，當中的 NavBar 跟 TabBar 都沒有被覆蓋到 於是我只好換個方向ＸＤ 接著我 Google 到了這篇文章 http://nobodyyu.github.io/2015/05/04/make-HUD-by-your-self/ 我於似乎看到了關鍵字 window，所以接著開始研究 UIWindow 然後開始使用 UIWindow 然後加入 ViewController 實驗！ 當中當然一直失敗啊，直到我看到了 DaiInboxHUD 這個專案 https://github.com/DaidoujiChen/DaiInboxHUD 恩.. 很多看不懂ＸＤ，不過今天下午還是抽空把它嗑了！ 因為這包 Code 我看到了很多用法，其中像是 objc/runtime.h、objc_setAssociatedObject、objc_getAssociatedObject 雖然我還沒有很熟，所以有使用錯誤的話.. 請跟我說.. 裡面像是彈出的動畫，也參考了它！ 原本我打算找尋是否有像 css 中的 transition 搭配 cubic-bezier 的方法 但是一直沒找到ＱＱ 所以跳出的效果，我就暫時的學別人的方法 使用大量的 animateWithDuration 以及 CGAffineTransformScale 看到這樣的寫法，讓我不禁回想起 jQuery 的 animate 搭配 callback 一起使用ＸＤ 不過使用起來沒有想像中的頓，於是先這樣使用啦！ 中間旋轉的部分，使用兩張 view 第一層的 view 加上 CAGradientLayer 的彩色圖層 以及 CABasicAnimation 來達到選轉效果～ 然後第二層的 view 使用與底層一樣的顏色，並且縮小一點點將第一層蓋住 這樣就可以做出類似旋轉的彩色圈圈！ 以上是我一點點的心得分享.. 我還很菜.. 應該有一堆都是不當使用 >"< 如有觀念上或者寫法上錯誤的話，歡迎各位大大指正！ -- --

※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 175.182.238.78 ※ 文章網址: https://webptt.com/m.aspx?n=bbs/MacDev/M.1436456012.A.ACC.html