iOS：从左到右动画颜色变化

Question

我想从左到右设置UITableViewCell的背景颜色（有点像进度条），我很难过。这可能吗？

修改

建议添加一个定期扩展其宽度的背景视图，但这不起作用。这是我现在的代码：

// in viewDidLoad
self.tableView.reloadData()
self.beginWorkout()
...
// beginWorkout
private func beginWorkout() {
    let indexPath = NSIndexPath(forRow: 1, inSection: 0)
    let cell = self.tableView.cellForRowAtIndexPath(indexPath) as! MovementCell
    cell.animateProgressView()
}
...
// MovementCell animateProgressView
func animateProgressView() {
    UIView.animateWithDuration(15, animations: {
        self.progressViewWidth.constant = self.screenWidth
    })
}

但动画不会随着时间的推移而执行。 progressViewWidth常量立即变为屏幕宽度。

Answer 1

你可以这样做，

UIView * testView = [[UIView alloc] initWithFrame:CGRectMake(320.0f, 100.0f, 320.0f, 200.0f)];


[testView setBackgroundColor:[UIColor blueColor]];

[self.view addSubview:testView];  //In your case cell's content view

[UIView animateWithDuration:0.7f
                      delay:0.0f
                    options:UIViewAnimationOptionTransitionNone
                 animations:^{
                     [testView setFrame:CGRectMake(0.0f, 100.0f, 320.0f, 200.0f)];
                 }
                 completion:nil];

您可以更改不同的动画选项。例如，如果您想要自动反转并重复，则可以使用UIViewAnimationOptionRepeat | UIViewAnimationOptionAutoreverse作为选项。

希望这会有所帮助：）

Answer 2

- (IBAction)startProgress:(id)sender {
[self layoutIfNeeded];
self.progressViewWidth.constant = 300;
[UIView animateWithDuration:2 animations:^{
    [self layoutIfNeeded];
}];
}

这是预期的输出，当我点击go：

Answer 3

如果您希望它的行为与进度条相似，请在具有最低z顺序的单元格中放置UIView（例如蓝色背景）。

现在设置相对于单元格宽度的宽度。