xib如何给UIView设置圆角，为何xib设置UIView边框颜色不显示

最新推荐文章于 2023-03-17 15:34:34 发布

I am Big Boss~~

最新推荐文章于 2023-03-17 15:34:34 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： iOS开发文章标签： xib layer圆角

本文链接：https://blog.youkuaiyun.com/wei371522/article/details/85166611

iOS开发专栏收录该内容

9 篇文章

订阅专栏

在xib中为UIView设置圆角和边框颜色时，遇到显示不正常的问题。layer.cornerRadius和layer.masksToBounds能正常工作，但layer.borderWidth和layer.borderColor设置无效。原因是layer.borderColor需要接收CGColor，而xib中设置的是UIColor。解决方案是通过添加CALayer的分类，创建一个layer.borderColorFromUIColor的Key Path，将UIColor转换成CGColor，使边框颜色在运行时显示正确。

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

最近用xib创建view，遇到一些问题，记录下，希望可以帮到遇到同样问题的童鞋：

xib为何设置UIView圆角不显示：
首先上图：
在这里插入图片描述

xib设置圆角只需要按照图中步骤添加对应Key Path
最常用的Key Path：

layer.cornerRadius ，注意该 key 对应 Value 的 type 应该设置为 String/Number
两种类型均可(代码设置弧度为:thisViewlayer.masksToBounds = YES)
layer.masksToBounds ,注意该 key 对应 Value 的 type 应该设置为 Boolean ,
当右侧出现对号时为YES(代码圆角为:thisView.layer.masksToBounds = YES)
layer.borderWidth ，注意该 key 对应 Value 的 type 应该设置为 String/Number
两种类型均可(代码设置边框宽度为:thisViewlayer.borderWidth = 2)
layer.borderColor , 注意该 key 对应 Value 的 type 应该设置为
Color(代码设置边框颜色:thisView.layer.borderColor = [UIColor
redColor].CGColor)

最大的坑：
如果你从上面一直敲下来的话，你会发现只有1和2的两句代码是有效的;3,4两句代码看起来并没有效果

原因:其实是因为在设置borderColor的时候,需要接受的是一个CGColor,而在 key Path中只有Color,其实就是 UIColor,类型是不对的,因此并没有正确显示想要展现的颜色.

平时代码中设置layer的颜色是这样的

self.customView.layer.borderColor = [UIColor blackColor].CGColor;
//而不是 
self.customView.layer.borderColor = [UIColor blackColor];
//所以可以看出，layer 的borderColor接受的CGColor 而不是普通法人UIColor，代码中有区分，那么xib中肯定也必须给CGColor而不是UIColor

因此这样的写法是有问题的，需要在代码中引入一个CALayer的分类：（可以参照下面创建分类，也可以自行百度搜索此分类~~）通过添加一个CALayer的类扩展,将key Path中设置的UIColor转换成为CGColor，xib为边框设置颜色时的Key Path就是上图中的layer.borderColorFromUIColor然后xcode run起来就可以正确看到边框啦，只是在xib文件中好像仍然看不到效果?
CALayer的分类分类实现如下:

#import <QuartzCore/QuartzCore.h>

@interface CALayer (LayerColor)
- (void)setBorderColorFromUIColor:(UIColor *)color;
@end

#import "CALayer+LayerColor.h"
#import <UIKit/UIKit.h>
@implementation CALayer (LayerColor)
- (void)setBorderColorFromUIColor:(UIColor *)color{
    self.borderColor = color.CGColor;
}
@end