OGeek|极客世界-中国程序员成长平台

标题: ios - 在 UIView 上绘制顶线和底线 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 09:22
标题: ios - 在 UIView 上绘制顶线和底线

我正在尝试在 UIView 的顶部和底部边缘绘制线条。但是这条线不会一直画到 View Controller 的右边缘。

以下是我用来绘制线条的代码:

- (void)addBorders
{
    CALayer *upperBorder = [CALayer layer];
    CALayer *bottomBorder = [CALayer layer];
    upperBorder.backgroundColor = [[UIColor colorWithRed:225/255.0 green:220/255.0 blue:214/255.0 alpha:1.0f] CGColor];
    upperBorder.frame = CGRectMake(0, 0, CGRectGetWidth(self.recentTuneinView.frame), 0.5f);
    bottomBorder.backgroundColor = [[UIColor colorWithRed:154/255.0 green:154/255.0 blue:154/255.0 alpha:1.0f] CGColor];
    bottomBorder.frame = CGRectMake(0, 58.0f, CGRectGetWidth(self.recentTuneinView.frame), 0.5f);
    [self.recentTuneinView.layer addSublayer:upperBorder];
    [self.recentTuneinView.layer addSublayer:bottomBorder];

}

这是显示问题的图像:

我在代码中遗漏了什么？

谢谢。

---

Best Answer-推荐答案

添加子层不是一个可扩展的解决方案，因为它会在旋转设备或更改 View 大小时产生问题。

我的建议是创建一个自定义 View 并实现 drawRect: 类似这样的东西:

- (void)drawRectCGRect)iRect {
    CGContextRef aContext = UIGraphicsGetCurrentContext();
    CGContextSetLineWidth(aContext, 0.5);

    // Set Top Line Color
    CGContextSetStrokeColorWithColor(aContext, [[UIColor colorWithRed:225/255.0 green:220/255.0 blue:214/255.0 alpha:1.0f] CGColor]);

    // Top Line
    CGContextMoveToPoint(aContext, 0, 0);
    CGContextAddLineToPoint(aContext, iRect.size.width, 0);

    // Set Bottom Line Color
    CGContextSetStrokeColorWithColor(aContext, [[UIColor colorWithRed:225/255.0 green:220/255.0 blue:214/255.0 alpha:1.0f] CGColor]);

    // Bottom Line
    CGContextMoveToPoint(aContext, 0, 58.0);
    CGContextAddLineToPoint(aContext, iRect.size.width, 58.0);
}

关于ios - 在 UIView 上绘制顶线和底线，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33172607/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4