Just a Computer Graphics Studio & My Life

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

程式碼非常簡單,我是在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

有空就美化一下介面吧!該凸的就凸,該凹的就凹,會很吸引眾人的目光:P~

發表留言

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

你正使用 WordPress.com 帳號留言。 登出 / 變更 )

Twitter picture

你正使用 Twitter 帳號留言。 登出 / 變更 )

Facebook照片

你正使用 Facebook 帳號留言。 登出 / 變更 )

Google+ photo

你正使用 Google+ 帳號留言。 登出 / 變更 )

連結到 %s

標籤雲

%d 位部落客按了讚: