带有动画的 UITableViewCell 填充颜色

Question

从右端开始，我要在UITableViewCell中填充颜色（或者说得好一点，从右到左在一小段时间内改变UITableViewCell的背景）。我怎样才能做到这一点？

Answer 1

这很容易。

只需在背景中放置一个视图，从宽度 0 开始，在 tableview/tableview 单元格的右侧，然后将其设置为与超级视图的全宽相关的动画。

代码片段（以 Swift 游乐场的形式）

导入 UIKit 导入 XCPlayground

let tableView = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 200))
tableView.backgroundColor = UIColor.whiteColor()

var animatedBackroundColorView = UIView(frame: CGRect(x: tableView.frame.width, y: tableView.frame.origin.y, width: tableView.frame.width, height: tableView.frame.height))
animatedBackroundColorView.backgroundColor = UIColor.orangeColor()
tableView.addSubview(animatedBackroundColorView)
UIView.animateWithDuration(1) { () -> Void in
    animatedBackroundColorView.frame = tableView.frame
}
XCPShowView("identifier", view: tableView)

渲染：

Answer 2

试试这个

UIView *backgroundView = [[UIView alloc] initWithFrame:CGRectMake(cell.frame.size.width + 1,0,cell.frame.size.width,cell.frame.size.height)];
[backgroundView setBackgroundColor:yourColor];
[cell addSubview:backgroundView];
[UIView animateWithDuration:2.0 animations:^{
     CGRect rect = backgroundView.frame;
     rect.origin.x = 0;
     [backgroundView setFrame:rect];
} completion:NULL];

带有动画的 UITableViewCell 填充颜色

UITableViewCell fill color with animation

uitableview

uicolor

ios

ios-animations