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

标题: ios - 在Objective C，iOS中创建像图像一样的标签 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 11:19
标题: ios - 在Objective C，iOS中创建像图像一样的标签

如何在 iOS (Objective-c) 中创建如下图所示的标签？

我的问题不在于所有角落，因为我可以通过编写如下代码来舍入左上角和右下角:

CAShapeLayer *maskLayer = [CAShapeLayer layer];
maskLayer.path = [UIBezierPath bezierPathWithRoundedRect:self.customView.bounds
                                       byRoundingCorners:UIRectCornerBottomRight | UIRectCornerTopLeft
                                             cornerRadiiCGSize){7.0, 7.0}].CGPath;
self.customLabel.layer.mask = maskLayer;

结果是这样的:

现在如何编写右上角和左下角的代码以达到目标？

---

Best Answer-推荐答案

更新:

我没有在我的方程式中使用高度作为变量，它可能会影响结果。

更好的结果

- (void)drawRectCGRect)rect
{
    CGFloat curveWidth = 40;
    CGFloat width = self.frame.size.width;
    CGFloat height = self.frame.size.height;

//    UIEdgeInsets insets = {0, curveWidth, 0, curveWidth};
//    [super drawTextInRect:UIEdgeInsetsInsetRect(rect, insets)];

    UIBezierPath *path = [UIBezierPath bezierPath];
    UIColor *fillColor = [UIColor orangeColor];
    [fillColor setFill];

    [path moveToPoint:CGPointMake(0, height)];
    [path addCurveToPoint:CGPointMake(curveWidth*2, 0) controlPoint1:CGPointMake(curveWidth*0.75, height) controlPoint2:CGPointMake(curveWidth*0.25, 0)];

    [path addLineToPoint:CGPointMake(width, 0)];
    [path addCurveToPoint:CGPointMake(width-curveWidth*2, height) controlPoint1:CGPointMake(width-curveWidth*0.75, 0) controlPoint2:CGPointMake(width-curveWidth*0.25, height)];

    [path closePath];
    [path fill];

    [super drawRect: rect];
}

原答案:

我为你写了代码。请按照以下步骤操作:

1. 通过子类化创建自定义 UILabel。 (代码如下)
2. 使用界面生成器将 UILabel 添加到您的 View 中。
3. 添加您的约束。
4. 在标识符检查器选项卡中，将类更改为您的。

--

@implementation CurvedLabel

- (id)initWithCoderNSCoder *)aDecoder
{
    if (self = [super initWithCoder:aDecoder])
    {

    }
    return self;
}

- (void)drawRectCGRect)rect
{
    CGFloat curveWidth = 30;
    CGFloat width = self.frame.size.width;
    CGFloat height = self.frame.size.height;

//    UIEdgeInsets insets = {0, curveWidth, 0, curveWidth};
//    [super drawTextInRect:UIEdgeInsetsInsetRect(rect, insets)];

    UIBezierPath *path = [UIBezierPath bezierPath];
    UIColor *fillColor = [UIColor orangeColor];
    [fillColor setFill];

    [path moveToPoint:CGPointMake(0, height)];
    [path addCurveToPoint:CGPointMake(curveWidth*2, 0) controlPoint1:CGPointMake(curveWidth, height) controlPoint2:CGPointMake(0, 0)];

    [path addLineToPoint:CGPointMake(width, 0)];
    [path addCurveToPoint:CGPointMake(width-curveWidth*2, height) controlPoint1:CGPointMake(width-curveWidth, 0) controlPoint2:CGPointMake(width, height)];

    [path closePath];
    [path fill];

    [super drawRect: rect];
}

@end

关于ios - 在Objective C，iOS中创建像图像一样的标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31701133/

---

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

Powered by Discuz! X3.4