iOS 7 其中一大特點就是在操作界面上大量運用模糊效果,因此我們可以在開發 App 中使用這個效果,本篇將要介紹如何製作模糊效果的 View。
製作模糊效果有很多種方法,不過今天要使用的方法相當簡單。首先來看成果:
本次達成模糊效果的的方法出乎意外地是利用 UIToolbar,因為 ToolBar 本身就帶有 Blurr 效果,所以將 UIToolbar 延展成可以覆蓋特定區塊就可以了。接下來的範例是透過 Navigation Controller 與 UIWebView 組成,因此範例的 blurred 區塊會是 UIWebView 的部分。
製作 Blurred View:
建立一個 UIToolbar,設定大小符合要遮蔽的區塊,最後將這個 UIToolbar 加入至 SubViews 中,參考如下圖:
變更 Blurred View 的顏色:
因為是利用 UIToolbar 物件,所以我們當然也可以使用 setBarTintColor 來變更顏色,參考如下:
以上就是製作 Blurred View 的簡單方法。其他 iOS 相關開發教學可以參考本篇整理。
熱門文章
-
為了打好 iOS 開發的基礎,我們需要先稍微暸解 Storyboard 是怎麼運作的,所以我將在這篇文章中簡單介紹 Sotryboard 的運作流程以及 Storyboard 與你的程式碼 (.swift) 是怎麼連結起來的。最後,本篇文章是基於 Swift 4 的環境下進行...
-
為了方便其他人參考 Mac 相關教學、資源與使用技巧,因此將發表過的文章整理詳細列出。之後仍然會發表其他有關 Mac 的文章,同時也會更新此篇內容。
-
相信大家有時等待測試、shell script 完成任務需要很長的時間,因此希望任務完成可以即時收到通知。在 Mac 上有 Growl 可以滿足這個需求,但 Growl 是收費軟體。所以我採用 terminal-notifier 工具發送 OS X 的通知 ( Notific...
-
Launchd 是設計用來管理系統中的 Process、Application 及 Script,它包含了與 Cron 相同的服務。本文章將要介紹如何透過 Launchd 管理並執行例行性任務於 Mac OS X 上。( 其他 Mac 相關教學可以參考 本篇整理 。If you...
-
當專案想加入自訂的 Libraries 時可以透過 Eclipse 加入並群組化,過程非常方便跟簡單。而且若之前有建立過的 Libraries 也可以直接引入,不需要每新增專案就得重新一一加入 JAR 檔。