Just My Life & My Work

[iOS] 介面陰影效果 (UI Shadow Effect)

2015 年 09 月 30 日

想讓介面看起來更加立體，不用再等設計師出圖囉～只要是簡單的陰影效果，我們可以直接使用程式碼做出效果來！

程式碼非常簡單，我是在cell上的cellView做陰影，可以設定顏色、半徑、透明度、位置等等，原本是白色黏在底部，套用後變成漂浮在上頭。

    cell.cellView.layer.shadowColor = [[UIColor blackColor] CGColor];
    cell.cellView.layer.shadowRadius = 2.0;
    cell.cellView.layer.shadowOpacity = 0.3;
    cell.cellView.layer.shadowOffset = CGSizeMake(0.0, 2.0);

原始樣子：

iOS 介面陰影 UI Shadow

應用效果：

iOS 介面陰影 UI Shadow2

有空就美化一下介面吧！該凸的就凸，該凹的就凹，會很吸引眾人的目光：Ｐ～

分類：

iOS, 教學

發表留言

Tagged with:

隨意留個言吧：）～

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。

標籤雲