iOS UIView样式与渐变背景技巧

iOS 开发的界面调优,UIView 的样式设置算是最常用的一招。加个边框、拐个圆角、搞点阴影,不复杂,但细节拉满。配合上CAGradientLayer的渐变背景,视觉上立马高级不少,适合想做点设计感的你。

UIViewlayer属性支持多花样,比如设置边框颜色setBorderColor:,圆角setCornerRadius:,还有常被忽略的setMasksToBounds:,决定了圆角是实打实裁切,还是虚的。

再说CAGradientLayer,你想要渐变,它来搞定。颜色数组设置好,frame 套上去,基本两三行代码搞定渐变背景,用起来还挺顺手。适合用于卡片背景、按钮、甚至整个页面。

阴影效果?用CALayersetShadow*系列就行,比如setShadowColor:setShadowOffset:,调好参数,层次感就来了。就是要注意性能,别给整个页面都加。

图像方面,用UIImageView加点边框、圆角、渐变,效果还挺惊艳的。如果是自定义子类,比如MyUIImageView,还能加些交互和动画,展示图文内容也更灵活。

如果你做的是卡片式布局、弹窗、用户头像之类的视图组件,建议都试试这些写法,样式统一、性能也还不错。

txt 文件大小:22.57KB