交互设计和UI设计水准很大程度影响着用户对应用的评价,iOS开发发展至今已逾10年,开发者对于界面UI编码的习惯逐渐分化成三大流派:
- code - 易追踪、可复用、便于版本控制,但不直观
- xib - 简单便捷、直观、一一对应,但易冲突
- storyboard - 逻辑清晰、简单易用、直观高效,虽易冲突、复用性不佳,但仍是未来趋势
xib 和 storyboard 均采用了 Interface Builder(IB)来生成GUI,通过面板上简单的拖拽替代繁琐冗余的code来构建页面。但我们经常发现,既有的功能并不能完全满足布局的需要,那么,我们可以通过在特定的位置定义可视化属性IBInspectable
、定义宏IB_DESIGNABLE
来精简代码。
下文具体介绍一下如何使用。
【场景】设置按钮:圆角
cornerRadius
:8pt、边框颜色borderWidth
:1pt、边框宽度borderColor
:系统蓝色
巧用IBInspectable
【IBInspectable】
这一属性提供了访问功能的新方式:用户自定义的运行时属性,让支持KVC的属性能够在身份检查器(Identity Inspector)的 User Defined Runtime Attributes 中配置。
它支持修饰的属性类型有:BOOL
、NSNumber
、CGPoint
、CGSize
、CGRect
、UIColor
、NSString
、NSLocalizedString
、NSRange
、UIImage
、NSNull
。
如果想让特定类型的控件设置某个属性,可以为对应的UIKit添加分类,为定义该属性时加上IBInspectable
,示例:
#import <UIKit/UIKit.h>
@interface UIButton (HTAdditions)
@property (nonatomic) IBInspectable CGFloat kCo