问题现象
因为 Facebook 的 POP 框架用起来很舒服，于是一直慢慢来习惯了用 POP 做动画，最近做了一个很简单的让一个 Button 旋转的动画，程序却异常的崩溃了，崩溃的地方在 -layoutSubviews 这个地方，如下图目测，应该是因为动画的时候，触发了 -layoutSubviews 方法，于是崩溃，就像这样
并且在终端输出了这样的信息
1
2
| Jun 27 07:05:17 shenzhenren[5868] <Error>: CGAffineTransformInvert: singular matrix.
Jun 27 07:05:17 shenzhenren[5868] <Error>: CGAffineTransformInvert: singular matrix.
|
原因分析
我们先来看下关键的几处代码是怎么写的：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
| - (instancetype)initWithCoder:(NSCoder *)aDecoder {
self = [super initWithCoder:aDecoder];
if (self) {
self.isShowAll = NO;
[self loadShowAllButton];
}
return self;
}
- (void)layoutSubviews {
[super layoutSubviews];
self.showAllButton.top = 8.0f;
self.showAllButton.right = self.width;
}
- (void)loadShowAllButton {
self.showAllButton = [[UIButton alloc] init];
[self addSubview:self.showAllButton];
self.showAllButton.width = 36.0f;
self.showAllButton.height = 36.0f;
self.showAllButton.left = 0.0f;
self.showAllButton.top = 0.0f;
self.showAllButton.contentMode = UIViewContentModeCenter;
[self.showAllButton setImage:[UIImage imageNamed:@"default-show-more-arrow"] forState:UIControlStateNormal];
[self.showAllButton addTarget:self action:@selector(showAllButtonPushed:) forControlEvents:UIControlEventTouchUpInside];
}
- (void)showAllButtonPushed:(UIButton *)sender {
self.isShowAll = !self.isShowAll;
POPBasicAnimation *animation = [POPBasicAnimation animationWithPropertyNamed:kPOPLayerRotation];
if (self.isShowAll) {
animation.toValue = @M_PI;
} else {
animation.toValue = @0;
}
[sender pop_removeAllAnimations];
[sender pop_addAnimation:animation forKey:nil];
}
|
上面的代码并不复杂，我想要实现的东西就是在点击按钮的时候，让他旋转180度，再次点击的时候让他转回来
那么根据上面代码，崩溃的过程其实是这样的：
- 点击按钮，触发 POP 动画
- POP 的动画为 UIView 添加对应的 Transform，同时产生动画
- 因为 UIView 添加了 Transform，所以 UIView 触发了需要重新计算 layout 的过程
- 调用
- (void)layoutSubviews 重新计算布局
- 因为 UIView 有 Transform 了，再通过
-setFrame:(GRect)frame 设置 UIView 的 frame 出现错误，参考官方文档
如何解决
既然找到了原因，那么我们就根据原因来跳坑吧，既然是触发了 View 重新计算布局，那么我们不要让他在这个父 View 触发即可，那么最简单粗暴的解决方法就是，创建一个新的 View 包裹住我们需要动画的 View 于是，这样修改
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| - (void)layoutSubviews {
[super layoutSubviews];
self.showAllButtonContainerView.top = 8.0f;
self.showAllButtonContainerView.right = self.width;
}
- (void)loadShowAllButton {
self.showAllButtonContainerView = [[UIView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 36.0f, 36.0f)];
[self addSubview:self.showAllButtonContainerView];
self.showAllButton = [[UIButton alloc] init];
[self.showAllButtonContainerView addSubview:self.showAllButton];
self.showAllButton.width = 36.0f;
self.showAllButton.height = 36.0f;
self.showAllButton.left = 0.0f;
self.showAllButton.top = 0.0f;
self.showAllButton.contentMode = UIViewContentModeCenter;
[self.showAllButton setImage:[UIImage imageNamed:@"default-show-more-arrow"] forState:UIControlStateNormal];
[self.showAllButton addTarget:self action:@selector(showAllButtonPushed:) forControlEvents:UIControlEventTouchUpInside];
}
|
其实问题的原因还是没有好好阅读官方文档
最后欢迎大家订阅我的微信公众号 Little Code
- 公众号主要发一些开发相关的技术文章
- 谈谈自己对技术的理解，经验
- 也许会谈谈人生的感悟
- 本人不是很高产，但是力求保证质量和原创
本作品采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。本文仅作为个人学习记录使用，欢迎在许可协议范围内转载或使用，请尊重版权并且保留原文链接，谢谢您的理解合作。如果您觉得本站对您能有帮助，您可以使用RSS方式订阅本站，这样您将能在第一时间获取本站信息。