iOS drawRect具有自定义高度

时间:2013-08-30 06:15:25

标签: ios height drawrect

我在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。 这是因为自我边界。

我在自定义类中添加了属性* height,但我不知道如何从viewController中填充它。所以我希望它从UIView的底部开始,并使其达到我确定的高度(实际高度的百分比)。

有人知道如何实现这个目标吗?

2 个答案:

答案 0 :(得分:1)

我认为您可以计算屏幕高度的50%,然后从全屏高度减去新的uiview高度

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];

答案 1 :(得分:1)

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

您可以从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);
}

这将从底部上方的(高度)点到底部

绘制渐变