使用自定义形状创建边框视图

时间:2015-05-20 08:01:04

标签: ios uiview layer uibezierpath

我想创建一个视图,如下面的屏幕截图所示 -

enter image description here

现在我不知道如何创建一个带有4个圆角的边框UIView,并且在标题视图上方还有两个圆角部分,如下面的屏幕截图所示。

enter image description here

注意

1)我知道如何使用1-4个圆角创建UIView

2)我需要在不使用任何图像的情况下创建上述视图。

任何与创建具有四个以上圆角的上述视图相关的提示/帮助都表示赞赏。

提前致谢!!!

2 个答案:

答案 0 :(得分:0)

首先,根据需要设计一个与您查看相同尺寸的图像。比 将该图像设置为背景图像供您查看。

custom_view.backgroundColor = [UIColor colorWithPatternImage:image];

答案 1 :(得分:0)

尝试在视图上设置cornerRadius属性,如此

myView.layer.cornerRadius = someFloatValue

或使用此:(您可能需要根据需要进行调整)

////矩形绘图 UIBezierPath * rectanglePath = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(30,30,196,74)cornerRadius:10]; [UIColor.grayColor setFill]; [rectanglePath fill];

////矩形2绘图 UIBezierPath * rectangle2Path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(80,22,96,14)cornerRadius:7]; [UIColor.grayColor setFill]; [rectangle2Path fill];

SWIFT版本:

////矩形绘图 let rectanglePath = UIBezierPath(roundedRect:CGRectMake(30,30,196,74),cornerRadius:10) UIColor.grayColor()。setFill() rectanglePath.fill()

////矩形2绘图 let rectangle2Path = UIBezierPath(roundedRect:CGRectMake(80,22,96,14),cornerRadius:7) UIColor.grayColor()。setFill() rectangle2Path.fill()