2011-12-16 49 views
0

app store imagetitleview的圖標(算法得出這樣?)

Facebook的iPhone應用程序的新版本在UINavigationItem的titleview的已壓花工具欄圖像。在這張照片中很難看到,但基本上有一個內部的陰影,然後是一個溫和的外部光暈,當你點擊它們時,它們會有一個像普通條形按鈕一樣的全開光暈。

他們有一個衝壓或浮雕的外觀,而不是常規酒吧按鈕的白色面具。

任何想法如何做到這一點?非常感謝,謝謝。

回答

0

到目前爲止,我很好,雖然我還沒有優化我的繪圖代碼。這比我想象的要多得多,但我希望這最終能夠得到回報。我懷疑Facebook的應用程序只是使用圖像。

步驟1:剪輯邊界和繪製色調的顏色(一些alpha透明度)

步驟2:CGContextBeginTransparencyLayer,設置陰影:使用this code(刪除用於圖像參數路徑參數)

步驟3繪製內側陰影=白色,繪製圖像,然後用kCGBlendModeDestinationOut再次繪製它

此時,它只是調整顏色(步驟1)和陰影參數(步驟2和3)的問題。

之後,我懷疑水龍頭&發光效果會很容易。這是一些很好的核心圖形練習!

+0

Dude http://static.ak.fbcdn.net/rsrc.php/v1/yT/r/vhsaeKG83CT.png – 2011-12-16 21:56:35

2

僱用圖形設計師爲各種狀態創建按鈕圖像。 :)

相關問題