具有自定义高度的iOS drawRect

Question

我在 viewController 上放置了一个视图，我想在这个视图中绘制一个矩形，但具有自定义高度。我根据 viewController 中的参数确定高度。 举个例子。如果我的参数是 50，我希望矩形的高度为 UIView 的 50%。

2 个问题：

• 如何将高度传递给自定义drawRect？

• 如何让矩形放置在 UIView 的底部？

我已经使用 Interface Builder 放置了视图，并在 UIView 的子类中实现了 drawRect，并将其用作 UIView 的自定义类。

所以在我的自定义类中：

- (void)drawRect:(CGRect)rect
{
    // Drawing code
    CGContextRef context = UIGraphicsGetCurrentContext();

    UIColor * lightGrayColor = [UIColor colorWithRed:230.0/255.0 green:230.0/255.0 blue:230.0/255.0 alpha:1.0];

    CGRect paperRect =  self.bounds;

    drawLinearGradient(context, paperRect, lightGrayColor.CGColor, [UIColor clearColor].CGColor);


}

void drawLinearGradient(CGContextRef context, CGRect rect, CGColorRef startColor, CGColorRef endColor)
{
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    CGFloat locations[] = { 0.0, 1.0 };

    NSArray *colors = @[(__bridge id) startColor, (__bridge id) endColor];

    CGGradientRef gradient = CGGradientCreateWithColors(colorSpace, (__bridge CFArrayRef) colors, locations);

    CGPoint startPoint = CGPointMake(CGRectGetMidX(rect), CGRectGetMinY(rect));
    CGPoint endPoint = CGPointMake(CGRectGetMidX(rect), CGRectGetMaxY(rect));

    CGContextSaveGState(context);
    CGContextAddRect(context, rect);
    CGContextClip(context);
    CGContextDrawLinearGradient(context, gradient, startPoint, endPoint, 0);
    CGContextRestoreGState(context);

    CGGradientRelease(gradient);
    CGColorSpaceRelease(colorSpace);
}

这在我的视图中绘制了一个漂亮的渐变矩形，但它填充了整个 UIView。 这是因为 self.bounds。

我在自定义类中添加了一个属性 *height，但我不知道如何从我的 viewController 中填充它。所以我希望它从 UIView 的底部开始，并使其与我确定的一样高（实际高度的 %）。

有人知道我是怎么做到的吗？

Answer 1

我认为你可以计算 50% 的屏幕高度，然后从全屏高度中减去新的视图高度

youParameter = 50; // Lets assume this is your parametere

int heightOfView   = ([UIScreen mainScreen].bounds.size.height * yourParameter) / 100;

// For placing the view to the bottom;

CGRect newFrame;
frame.origin.y = [UIScreen mainScreen].bounds.size.height - heightOfView;
frame.origin.x = 0;
frame.size.width = [UIScreen mainScreen].bounds.size.width; // assuming it will take full width
frame.size.height = heightOfView;

youViewToChange.frame = newFrame; // normally do this or

要将值传递给drawRect，您可以这样做：

[self drawRect:newFrame];

Answer 2

您是否在界面构建器的身份检查器中设置了自定义视图类？

您可以从 viewController 设置 height 属性：

((MyViewClass *) self.myView).height = myCalculatedValue;

然后实现drawRect：

- (void)drawRect:(CGRect)rect
{
    // Drawing code
    CGContextRef context = UIGraphicsGetCurrentContext();

    UIColor * lightGrayColor = [UIColor colorWithRed:230.0/255.0 green:230.0/255.0 blue:230.0/255.0 alpha:1.0];

    CGRect paperRect =  self.bounds;
    paperRect.origin.y = paperRect.size.height - self.height;
    paperRect.size.height = self.height;
    //assuming your height property is of CGFloat type

    drawLinearGradient(context, paperRect, lightGrayColor.CGColor, [UIColor clearColor].CGColor);
}

这将绘制从底部上方的（高度）点到底部的渐变