iOS UIView样式与渐变背景技巧
iOS 开发的界面调优,UIView 的样式设置算是最常用的一招。加个边框、拐个圆角、搞点阴影,不复杂,但细节拉满。配合上CAGradientLayer的渐变背景,视觉上立马高级不少,适合想做点设计感的你。
UIView的layer属性支持多花样,比如设置边框颜色setBorderColor:
,圆角setCornerRadius:
,还有常被忽略的setMasksToBounds:
,决定了圆角是实打实裁切,还是虚的。
再说CAGradientLayer,你想要渐变,它来搞定。颜色数组设置好,frame 套上去,基本两三行代码搞定渐变背景,用起来还挺顺手。适合用于卡片背景、按钮、甚至整个页面。
阴影效果?用CALayer的setShadow*
系列就行,比如setShadowColor:
、setShadowOffset:
,调好参数,层次感就来了。就是要注意性能,别给整个页面都加。
图像方面,用UIImageView
加点边框、圆角、渐变,效果还挺惊艳的。如果是自定义子类,比如MyUIImageView
,还能加些交互和动画,展示图文内容也更灵活。
如果你做的是卡片式布局、弹窗、用户头像之类的视图组件,建议都试试这些写法,样式统一、性能也还不错。
22.57KB
文件大小:
评论区