Preface
In the recent process of project performance optimization, I encountered the problem of view rounded corner optimization. I have some rough views. Let me summarize it. I will share it for your reference and study. I won’t say much below. Let’s take a look at the detailed introduction together.
There are four ways to set up rounded corners:
1. Set up through shapeLayer
2. Setting through the layer of view
3. Setting through BezierPath
4. Set it through map
1. Implementation of shapeLayer
Set a path through bezizerpath and add it to the layer of the target view. The code is as follows:
// Create a view UIView *showView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 100, 100)];
[ addSubview:showView];
= [UIColor whiteColor];
= 0.5;
// Bezier curve (create a circle) UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(100 / , 100 / )
radius:100 /
startAngle:0
endAngle:M_PI * 2
clockwise:YES];
CAShapeLayer *layer = [CAShapeLayer layer];
= ;
= ;
[ addSublayer:layer];
2. Implementation of view layer
The direct setting method of view layer is the easiest of all methods, the code is as follows:
- (UIImageView *)avatarImage {
if (!_avatarImage) {
_avatarImage = [[UIImageView alloc] initWithFrame:CGRectMake(20,10, avatarDiameter, avatarDiameter)];
_avatarImage.backgroundColor = [UIColor grayColor];
_avatarImage.contentMode = UIViewContentModeScaleAspectFit;
_avatarImage. = avatarDiameter/2.0;
_avatarImage. = YES;
[_avatarImage setImage:[UIImage imageNamed:@""]];
}
return _avatarImage;
}
3. Implementation of BezierPath
The implementation method of BezierPath inherits the UIView and implements a customview by yourself. The code is as follows.
- (instancetype)initWithFrame:(CGRect)frame {
if (self = [super initWithFrame:frame]) {
}
return self;
}
- (void)drawRect:(CGRect)rect {
// Drawing code
CGRect bounds = ;
[[UIColor whiteColor] set];
UIRectFill(bounds);
[[UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:CGRectGetWidth(bounds)/2.0] addClip];
[ drawInRect:bounds];
}
4. Implementation of maps
The way to map is to use a circular hollowed-out picture in the middle to cover the picture that needs to be rounded. The code is as follows:
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
[ addSubview:];
[ addSubview:];
}
return self;
}
- (UIImageView *)avatarImage {
if (!_avatarImage) {
_avatarImage = [[UIImageView alloc] initWithFrame:CGRectMake(20,10, avatarDiameter, avatarDiameter)];
_avatarImage.backgroundColor = [UIColor grayColor];
_avatarImage.contentMode = UIViewContentModeScaleAspectFit;
[_avatarImage setImage:[UIImage imageNamed:@""]];
}
return _avatarImage;
}
//The central hollow picture - (UIImageView *)maskImage {
if (!_maskImage) {
_maskImage = [[UIImageView alloc] initWithFrame:CGRectMake(20,10, avatarDiameter, avatarDiameter)];
_maskImage.contentMode = UIViewContentModeScaleAspectFit;
[_maskImage setImage:[UIImage imageNamed:@"corner_circle.png"]];
}
return _maskImage;
}
If you have any good methods, I hope you recommend them to me.
Summarize
The above is the entire content of this article. I hope that the content of this article has certain reference value for everyone's study or work. If you have any questions, you can leave a message to communicate. Thank you for your support.