在 uiviewcontroller 的视图中绘制水平线和垂直线

Question

我有一个带有一些图像的 UIViewController 。我需要在图像之间绘制一些水平线和垂直线。实际上它就像一个层次结构视图。添加带有背景颜色的子视图是最好的方法吗？

Answer 1

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.

    UIView *verticalLine = [[UIView alloc] initWithFrame:CGRectMake(roundf(self.view.bounds.size.width / 2), 0.0, 1.0, self.view.bounds.size.height)];
    verticalLine.backgroundColor = [[UIColor redColor] colorWithAlphaComponent:0.5];
    verticalLine.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleLeftMargin;
    [self.view addSubview:verticalLine];

    UIView *horizontalLine = [[UIView alloc] initWithFrame:CGRectMake(0.0, roundf(self.view.bounds.size.height / 2), self.view.bounds.size.width, 1.0)];
    horizontalLine.backgroundColor = [[UIColor redColor] colorWithAlphaComponent:0.5];
    horizontalLine.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleBottomMargin;
    [self.view addSubview:horizontalLine];
}

Answer 2

我使用了 Magic Bullet Dave 发布的第三个选项，效果很好。代码如下：

UIView *borderBottom = [[UIView alloc] initWithFrame:CGRectMake(0.0, 10, widthDesired, 1.0)];
borderBottom.backgroundColor = [UIColor grayColor];
[myView addSubview:borderBottom];

如果你想制作一条垂直线，你只需使用宽度 1，然后使用所需的高度。

Answer 3

您有 3 种基本方法：

1. 使用 QuartzCore 并覆盖 drawRect: 在自定义 UIView 子类中
2. 设置包含每个图像的 UIImageView 图层属性的 borderWidth 和 borderColor
3. 创建水平线高度为 1 、垂直线宽度为 1 的 UIView，设置背景颜色视图并将它们添加为子视图

3 可能是最容易实现的，但不是最优雅的，1 就内存而言是最强大的，因为您还可以使用 drawInRect 将图像绘制到相同的图形中 语境。这会将视图层次结构折叠为单个视图。

Answer 4

您可以使用上面回答的图层来完成此操作，或者只是因为您只想要线条，所以使用 UIViews

就像这样

for(i=0;i<numberOfLine*heightofImage;i+=heightOfImage) {
    UIView *horizontalLine=[[UIView alloc]initWithFrame:CGRectMake(x, i, height, 1)];
    [self.view addSubView:horizontalLine];
}

希望有帮助