请问如何实现“填充”动画效果？

2014-07-11 12:16:29 242 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

HTML和CSS在文本创建液体填充动画效果 HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>用HTML和CSS在文本上如何创建液体填充动画效果？</title> 阅读详情

画了一个长方形，往里面填颜色，想实现进度条那样慢慢填充到另一边，请问如何实现！！

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

...全文