请问如何实现“填充”动画效果？
画了一个长方形，往里面填颜色，想实现进度条那样慢慢填充到另一边，请问如何实现！！
CGContextBeginPath(ctx);
CGRect rect = CGRectMake(150, 50, 20, 100);
CGContextAddRect(ctx, rect);
CGContextSetFillColorWithColor(ctx, self.fillColor.CGColor);
CGContextSetStrokeColorWithColor(ctx, self.strokeColor.CGColor);
CGContextSetLineWidth(ctx, 1);
CGContextDrawPath(ctx, kCGPathFillStroke);
－－－－－－－
CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"storkeEnd"];
anim.duration = 1.5;
anim.fromValue = [NSNumber numberWithFloat:0.0f];
anim.toValue = [NSNumber numberWithFloat:1.0f];
[self addAnimation:anim forKey:Nil];
CGContextBeginPath(ctx);
CGRect rect = CGRectMake(150, 50, 20, 100);
CGContextAddRect(ctx, rect);
CGContextSetFillColorWithColor(ctx, self.fillColor.CGColor);
CGContextSetStrokeColorWithColor(ctx, self.strokeColor.CGColor);
CGContextSetLineWidth(ctx, 1);
CGContextDrawPath(ctx, kCGPathFillStroke);
－－－－－－－
CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"storkeEnd"];
anim.duration = 1.5;
anim.fromValue = [NSNumber numberWithFloat:0.0f];
anim.toValue = [NSNumber numberWithFloat:1.0f];
[self addAnimation:anim forKey:Nil];
...全文
请发表友善的回复…
发表回复
fuyiyong 2014-07-11
- 打赏
- 举报
我刚接触，上面的代码能画出来，能填充，就是没有填充的动画效果……
梦一场Monster 2014-07-11
- 打赏
- 举报
应该是利用偏移量的多少来定位的
Vue 动态水位百分比动画详解：从 0 到 100 的酷炫效果” “炫酷的百分比水位填充动画，Vue 新手也能轻松上手！” “Vue 实现动态百分比水位动画：超详细入门教程” “为网页增添动感！Vue