ios - 在动画中显示图像的一部分

Question

我想在动画中显示部分图像。我在 UIScrollView 中放置了一个 UIImageView，并将 UIImageView 的 frame 设置为 (0, 0, imageWidth, imageHeight)，并将 UIScrollView 的 frame 宽度设置为 0。这是我的代码

self.tiaoView.contentSize=CGSizeMake(316, 74);//tiaoView is an outlet of UIScrollView
[UIView animateWithDuration:5 animations:^{
    CGRect rect=self.tiaoView.frame;
    rect.size.width=316;
    self.tiaoView.frame=rect;}];

但是当我运行它时，整个图像立即显示，没有动画。

Answer 1

通过将 UIImageView 的 contentMode 设置为其中任何一个，您可以仅显示图像的一部分(顶部、底部、左侧或右侧)

UIViewContentModeTop
UIViewContentModeBottom
UIViewContentModeLeft
UIViewContentModeRight

设置 clipsToBounds = YES 并相应地更改其框架。因为 frame 是动画属性，这种组合将允许您以动画方式仅显示图像的一部分。

例如:如果您只想从底部显示 20 个点，请设置 imageView.contentMode = UIViewContentModeBottom; 并将其 frame 的高度设置为 20。图片将保持在 UIImageView 的底部边缘，无论您将其设置为什么框架。

查看示例代码:

UIImage *image = [UIImage imageNamed:@"myImage"];

UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
imageView.frame = CGRectMake(0, 0, 0, 40);
imageView.contentMode = UIViewContentModeLeft;
imageView.clipsToBounds = YES;
[self.view addSubview:imageView];

CGRect finalFrame = imageView.frame;
finalFrame.size.width = 40;

[UIView animateWithDuration:1.0 animations:^{
    imageView.frame = finalFrame;
}];

此代码通过将其大小从 0 大小扩展到 40 来为图像设置动画。