ios - 动画转换大型 UIImageView 时性能不佳
<p><p>我正在为我们的游戏构建一个标题序列，其中每个标题都是一个大约半屏幕大小的视网膜图像，我使用 <code>UIImageView</code> 显示它。</p>
<p>随着它逐渐增长和淡入/淡出，标题序列具有简单的 3 个阶段:</p>
<pre><code>// 1. Fade in and grow
[UIView animateWithDuration:1.0f animations:^{
titleImageView.alpha = 1.0f;
titleImageView.transform = CGAffineTransformMakeScale(1.0f, 1.0f);
} completion:^(BOOL finished) {
// 2. Stay opaque, grow a little more
[UIView animateWithDuration:2.0f animations:^{
titleImageView.transform = CGAffineTransformMakeScale(1.1f, 1.1f);
} completion:^(BOOL finished) {
// 3. Fade out, grow even further
[UIView animateWithDuration:2.0f animations:^{
titleImageView.alpha = 0.0f;
titleImageView.transform = CGAffineTransformMakeScale(1.3f, 1.3f);
} completion:nil];
}];
}];
</code></pre>
<p>在每个动画阶段开始时，都会出现一两帧掉线的卡顿现象。在 iPhone 4 和 iPad 3 等旧硬件上尤其明显，但在 iPad Air 上甚至更明显，这令人惊讶。</p>
<p>一些扣除:</p>
<ul>
<li>这与 <code>UIImage</code> 本身的加载无关，因为我已经尝试过预加载数据并确保 PNG 已解压缩。此外，动画的<em>每个</em>阶段都会出现卡顿，即使它已经在屏幕上显示了一段时间。</li>
<li>我使用了 Time Profiler 工具，发现 CA 似乎每次卡顿时都会在后台复制 PNG 数据，尽管我不知道为什么/为什么。每次 <code>transform</code> 更改时，CALayers 肯定不需要在 CPU 上重新创建任何图像数据吗？</li>
<li><strong>编辑</strong>:另外请注意，我在没有动画的情况下进行了尝试(只是设置了那些变换属性，也没有更改 alpha)，并得到了相同的结果。</li>
</ul>
<p>另外请注意，我在后台运行了一些 OpenGL ES 图形(这是一个在前台使用 UIKit 控件的游戏)，但过去并没有造成问题...</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>所以，它有点难看，但我同时用两种方法解决了它:</p>
<ol>
<li>我将级联 UIView 动画转换为单个 <a href="https://stackoverflow.com/questions/1998615/how-do-you-cakeyframeanimation-scale" rel="noreferrer noopener nofollow">CALayer keyframed animation</a>这样它们是连续的，而不是在每个阶段停止，调用完成处理程序，并开始一个新的动画。正如 Brian Nickel 指出的那样，也许这会阻止他们“安定下来”并以新的比例重新渲染。</li>
<li>但这并没有阻止第一次卡顿，因为它显示了每个新的 UIImage。为了解决这个问题，我预先创建了所有 UIImageViews(总共 6 个)，将它们添加到 superview，并将它们的 alphas 设置为零。图片不大，也没有太多，所以看起来还可以。</li>
</ol></p>
<p style="font-size: 20px;">关于ios - 动画转换大型 UIImageView 时性能不佳，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/23998481/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/23998481/
</a>
</p>
页:
[1]