Question

我有一个带有UIVIewcontroller的故事板场景。在这个场景中，我有一个包含背景图像，UIButton和UIView的UIImageview。

这个UIView有一个覆盖的drawRect方法：

- (void)drawRect:(CGRect)rect
{

    CGFloat height = self.bounds.size.height-15; // - 15 for text space

    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextClearRect(context, rect);

    UIColor *barColor = [UIColor colorWithRed:226.0/255.0 green:178.0/255.0 blue:39.0/255.0 alpha:1.0];

    CGContextSetFillColorWithColor(context, barColor.CGColor);
    CGFloat barWidth = 37.5;
    [UIView animateWithDuration:1.0 animations:^{
        int count = 0;
        NSArray *values = [NSArray arrayWithObjects:@1, @0.5, @0.2, @0.7, nil];
        for (NSNumber *num in values) {

            CGFloat x = count * (barWidth + 18);
            CGFloat startY = (height - ([num floatValue] * height));
            CGRect barRect = CGRectMake(x, startY+15, barWidth, [num floatValue] * height);
            CGContextAddRect(context, barRect);
            // save context state first
            CGContextSaveGState(context);
            [self drawWords:[NSString stringWithFormat:@"%@%%",num] AtPoint:CGPointMake(x + (barWidth/2)-10 , startY) color:[UIColor whiteColor]];
            count++;
            // restore context state first
            CGContextRestoreGState(context);

        }
    }];
    CGContextFillPath(context);
}

我尝试过长大酒吧的动画而不是工作..我的问题是：我怎样才能做到这一点？

此致

----更新了新代码，但尚未正常工作

--- GRAPHVIEW代码

- (void) initHelper {
    height=0;
    graphBars = [[NSMutableArray alloc] initWithCapacity:0];
     [self performSelector:@selector(animateBars) withObject:NULL afterDelay:0.5];
}

- (void) animateBars
{
    for (GraphBar *bar in graphBars)
    {
        bar.bottom+=bar.height;
    }

    CGFloat barWidth=37.5;
    CGFloat rat = self.frame.size.height*0.95;

    [UIView animateWithDuration:1.0 animations:^{

        NSUInteger _index = 0;
        for (GraphBar *bar in graphBars)
        {
            bar.frame = CGRectMake(_index*(barWidth+18),  self.frame.size.height-roundf(bar.barValue*rat), barWidth, roundf(bar.barValue*rat));

            _index++;
        }
    }];
}

- (void) layoutSubviews
{
    [super layoutSubviews];

    CGFloat barWidth=37.5;
    CGFloat rat = self.frame.size.height*0.01;

    NSUInteger _index = 0;
    for (GraphBar *bar in graphBars)
    {
        bar.frame = CGRectMake(_index*(barWidth+18),  self.frame.size.height-roundf(bar.barValue*rat), barWidth, roundf(bar.barValue*rat));

        _index++;

    }

---酒吧视图代码

- (void)drawRect:(CGRect)rect
{

    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextClearRect(context, rect);

    UIColor *barColor = [UIColor colorWithRed:226.0/255.0 green:178.0/255.0 blue:39.0/255.0 alpha:1.0];

    CGContextSetFillColorWithColor(context, barColor.CGColor);

    CGContextAddRect(context, rect);

    CGContextFillPath(context);
}

}

Answer 1

不要只使用+animateWithDuration:animations:便捷方法，而是使用更详细的+animateWithDuration:delay:options:animations:completion:方法，该方法允许您传递UIViewAnimationOptionAllowAnimatedContent选项。然后在animations块中更改视图的高度，以便在动画期间使视图和条形高度增大。

此选项专门用于告知CoreAnimation在动画期间重绘内容（在动画的每一步调用drawRect:）。没有它，动画就会在快照图像上完成。

来自UIView class Reference文档：

UIViewAnimationOptionAllowAnimatedContent

通过动态更改属性值并重新绘制视图来为视图设置动画。如果此键不存在，则使用快照图像对视图进行动画处理。

或者，您可以为每个条形使用一个UIView，并使用+animateWithDuration:animations:为这些条形框架设置动画，而不是使用CoreGraphics绘制它们（因为UIView动画方法是用于为视图的属性设置动画（frame，alpha，...）及其subviews，主要不是为了使用CoreGraphics完成的绘制动画

在drawRect上创建cgrect的动画不起作用

1 个答案: