xib storyboard 中如何给view 添加边框

最新推荐文章于 2025-08-20 16:45:36 发布

转载最新推荐文章于 2025-08-20 16:45:36 发布 · 108 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/codemakerhj/p/4994358.html

文章标签：

#runtime

本文介绍如何在XIB或Storyboard中为UIView设置边框宽度和圆角半径，并通过自定义CALayer类来实现边框颜色的设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在xib或storyboard中为UIView添加边框或圆角

view的圆角半径(cornerRadius)和边框宽度可以在右侧标识符检测器（第三个）上的User Defined Runtime Attributes内进行设置，如图

注：图中未设置圆角方法同上图边线宽度设置相同 Key Path : layer.cornerRadius Value 处设置想要的半径即可

但是默认情况下边框的颜色是不能设置的，因为这里设置的颜色类型是UIColor而borderColor是CGColor因此显示不出来（个人观点，路过的大牛们要是觉得不对请指出，先谢过了），解决办法：为CALayer写个类目添加个属性 UIColor *borderUIColor 利用setter方法设置borderColor。

代码如下：

 1     //  
 2     //  CALayer+XibConfiguration.h  
 3     //   
 4     //  
 5     //  Created by MLS on 15/10/12.  
 6     //  Copyright © 2015年 MLS. All rights reserved.  
 7     //  
 8       
 9     #import <QuartzCore/QuartzCore.h>  
10       
11     @interface CALayer (XibConfiguration)  
12       
13     // This assigns a CGColor to borderColor.  
14     @property(nonatomic, assign) UIColor *borderUIColor;  
15       
16     @end

 1     //  
 2     //  CALayer+XibConfiguration.m  
 3     //    
 4     //  
 5     //  Created by MLS on 15/10/12.  
 6     //  Copyright © 2015年 MLS. All rights reserved.  
 7     //  
 8       
 9     #import "CALayer+XibConfiguration.h"  
10       
11     @implementation CALayer (XibConfiguration)  
12       
13     -(void)setBorderUIColor:(UIColor*)color  
14     {  
15         self.borderColor = color.CGColor;  
16     }  
17       
18     -(UIColor*)borderUIColor  
19     {  
20         return [UIColor colorWithCGColor:self.borderColor];  
21     }  
22       
23     @end