动画 UIImage 或 UIImageView？

Question

我正在尝试对图像的高度进行动画处理（从 0 像素的高度到 480 像素的高度）以创建自上而下渲染图像的效果。

使用 UIImageView，我注意到它在 Interface Builder 中显示正确。但是当它在模拟器中运行时，大小（宽度和高度）始终设置为图像的大小；也就是说，如果我将图像视图的高度设置为原始高度的 50%，图像仍会以全高渲染。

我也尝试用 UIImage 来实现这种效果。然而，尽管图像的尺寸看起来是正确的，但是图像会被缩放以反映尺寸/纵横比。

问题： 如何在不缩放图像的情况下实现这种动态调整大小（即图像大小的动画）？我考虑过使用 CGImageCreateWithMask，但我很确定这会造成巨大的性能问题。

*更新*

我正在寻找的效果是这样的： 通过使图像的高度从下到下增长（就像拉上窗户上的一组百叶窗）来动画图像。该图像无法缩放（因为它会失去看起来像“盲人”的视觉效果）。该图像还必须渲染在另一图像之上。所以总共有 2 张图像。

* 答案*

对于最上面的图像视图，我将内容模式设置为“顶部”（因此它不会缩放）。然后在代码中，我将 ClipsToBounds 设置为 True。现在我可以对最上面的图像视图高度进行动画处理，从而达到我想要的效果。

Answer 1

像这样使用动画块：

imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 320, 0)];
imageView.image = ...;
[imageView setClipsToBounds:YES];
[imageView setContentMode:UIViewContentModeTop];

[self.view addSubview:imageView];
[imageView release];

[UIView animateWithDuration:4.0f
                      delay:1.0f
                    options:UIViewAnimationOptionCurveEaseIn
                 animations:^(void) {
                     imageView.frame = CGRectMake(0, 0, 320, 480);
                 }
                 completion:NULL];

Answer 2

您可能想查看动画块。它们在这里有相当完整的记录：

http: //developer.apple.com/library/ios/#documentation/WindowsViews/Conceptual/ViewPG_iPhoneOS/AnimatingViews/AnimatingViews.html

那里的所有代码都是相关的，因为 UIImageView 是 UIView 的子类。

快乐编码。

Answer 3

只是一个建议，假设您有两个图像：A 和 X（X 射线图像）：

+-------+               +-------+
|       |               |       |
|       |               |       |
|   A   |               |   X   |
|       |               |       |
|       |               |       |
+-------+               +-------+

您可以动态创建一个单像素高图像（临时），部分复制 X 中的内容，将其放在 A 之上

+-------+   +-------+   +-------+
|       |   | temp1 | < |       |
|       |   +-------+   |       |
|   A   |               |   X   |
|       |               |       |
|       |               |       |
+-------+               +-------+

：一个循环，动态创建/调整临时图像的大小，并从 X 复制更多内容：

+-------+   +-------+   +-------+
|       |   | temp2 | < |       |
|       |   |       |   |       |
|   A   |   +-------+   |   X   |
|       |               |       |
|       |               |       |
+-------+               +-------+

+-------+   +-------+   +-------+
|       |   | temp3 | < |       |
|       |   |       |   |       |
|   A   |   |       |   |   X   |
|       |   +-------+   |       |
|       |               |       |
+-------+               +-------+
+-------+   +-------+   +-------+
|       |   | temp4 | < |       |
|       |   |       |   |       |
|   A   |   |       |   |   X   |
|       |   |       |   |       |
|       |   +-------+   |       |
+-------+               +-------+

+-------+   +-------+   +-------+
|       |   | tempX | < |       |
|       |   |       |   |       |
|   A   |   |       |   |   X   |
|       |   |       |   |       |
|       |   |       |   |       |
+-------+   +-------+   +-------+

Answer 4

正如原始文章中提到的，这是我似乎偶然发现的答案：

对于最上面的图像视图，我将内容模式设置为“顶部”（因此它不会缩放）。然后在代码中，我将 ClipsToBounds 设置为 True。现在我可以对最上面的图像视图高度进行动画处理，从而达到我想要的效果。

Answer 5

尝试将 UIImageView 的 contentMode 属性设置为以下值之一。我认为您需要的是 UIViewContentModeScaleAspectFit：

typedef enum {
    UIViewContentModeScaleToFill,
    UIViewContentModeScaleAspectFit,      // contents scaled to fit with fixed aspect. remainder is transparent
    UIViewContentModeScaleAspectFill,     // contents scaled to fill with fixed aspect. some portion of content may be clipped.
    UIViewContentModeRedraw,              // redraw on bounds change (calls -setNeedsDisplay)
    UIViewContentModeCenter,              // contents remain same size. positioned adjusted.
    UIViewContentModeTop,
    UIViewContentModeBottom,
    UIViewContentModeLeft,
    UIViewContentModeRight,
    UIViewContentModeTopLeft,
    UIViewContentModeTopRight,
    UIViewContentModeBottomLeft,
    UIViewContentModeBottomRight,
} UIViewContentMode;

Answer 6

您应该查看 翻转时钟教程。它具有核心动画，因此具有性能优势。