半圓形進度條 首先將資源圖片打進atlas圖集，在場景上創建一個新的sPRite。資源是一張半圓形的進度條，如下圖。如果要實現進度條的效果，只需實現縱向的遮擋即可。通過UISPRITE的相關屬性即可實現。 下面學習一下UISprite的相關屬性： Type: Smple:除了顯示內容從圖集里面獲取外，其他都和Texture一樣的繪制 Sliced：這個模式支持九宮格拉伸，讓四個角落的圖片不變型，點擊Sprite右側的Edit按鈕可以進行Sprite數據的編輯，設置Border的值即可。 Tiled：瓦片填充，會平鋪進行填充 Filled：這個主要用來做技能CD、進度條等用。FillDir設置填充的模式（360度扇形，水平，垂直等），Fill Amount是填充百分比 Flip：對Sprite進行翻轉：水平、垂直、水平+垂直

Fill Dir:表示填充的方向 Horizontal 從左到右 Vertical 從上到下減少的 Radial90 是以圖片左下角的點為圓心增減， Radial180 是以圖片底邊中點為圓心增減， Radial360 是以圖片的幾何中心為圓心進行增減，

設置如下：

效果圖： 代碼如下：

技能CD 技能CD與進度條的不同之處在于，額外需要一個遮罩層，此外遮擋方式應當以圖片的中心為圓心旋轉。 實現過程： 首先創建GameObject SkillIcon設置技能圖片，掛載SkillCD.cs腳本 Mask設置UISprite的Type及Fill Dir 效果圖： 代碼：

最后 測試工程添加了兩個按鈕用于觸發測試。

參考文章：

Unity NGUI弧形血條的制作