【问题标题】:Creating bordered view with custom shape使用自定义形状创建边框视图
【发布时间】:2015-05-20 08:01:04
【问题描述】:

我想创建一个如下图所示的视图-

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

注意:

1) 我知道如何创建带有 1-4 个圆角的 UIView。

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

感谢任何与创建以上具有四个以上圆角的视图相关的提示/帮助。

提前致谢!!!

【问题讨论】:

  • 最好使用背景图片并在其上放置视图。
  • @MuhammadAdnan,感谢您的回复,实际上我不想使用任何图像来创建上面的视图,我只需要使用 uiview 来创建上面的视图

标签: ios uiview layer uibezierpath


【解决方案1】:

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

custom_view.backgroundColor=[UIColor colorWithPatternImage:image];

【讨论】:

  • 感谢您的快速回答,但我不想使用 Image,我只需要使用 uiview 创建上面的视图。
【解决方案2】:

尝试像这样在视图上设置cornerRadius属性

myView.layer.cornerRadius = someFloatValue

或者使用这个:(你可能需要根据你的需要调整它)

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

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

SWIFT 版本:

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

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

【讨论】:

  • 感谢您的回答,但在视图图层上设置角半径只会使其成为 4 个角的径向,我想要的不止这些,基本上是一个具有 6 个径向角的自定义形状。
猜你喜欢
  • 1970-01-01
  • 2018-06-26
  • 2014-02-11
  • 2016-05-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多