UIView动画向下滑动

时间:2011-07-27 12:04:05

标签: iphone objective-c animation uiview uiviewanimation

我正试图在UIImageView中向下滑动图像,但我不知道UIContentMode和动画属性的哪个组合是正确的。 图像应始终具有相同的大小,不应拉伸...我想要的是,首先看不到任何内容,然后框架会延伸并显示图像。

如果你明白我的意思,也许会更容易:

Illustration of my Problem

所以,这听起来相当简单,但我应该为UIImageView使用什么UIContentMode以及我应该制作什么属性?谢谢!

2 个答案:

答案 0 :(得分:8)

我带头做了一个截屏视频。 Was this what you had in mind?

我无限期地重复播放动画,因此用视频捕捉会更容易,但是可以通过按下按钮开始,也可以冻结到位,显示弹出窗口及其内容,直到被反转为再次隐藏。

我使用了Core Animation,而不是动画UIView,因为我想使用CALayer的mask属性隐藏弹出框并用滑动动画显示它。

以下是我使用的代码(与视频相同):

- (void)viewDidLoad
{

    // Declaring the popover layer
    CALayer *popover = [CALayer layer];

    CGFloat popoverHeight = 64.0f;
    CGFloat popoverWidth = 200.0f;

    popover.frame = CGRectMake(50.0f, 100.0f, popoverWidth, popoverHeight);
    popover.contents = (id) [UIImage imageNamed:@"popover.png"].CGImage;

    // Declaring the mask layer
    CALayer *maskLayer = [CALayer layer];
    maskLayer.frame = CGRectMake(0, - popoverHeight, popoverWidth, popoverHeight);
    maskLayer.backgroundColor = [UIColor colorWithRed:1.0f green:1.0f blue:1.0f alpha:1.0f].CGColor;

    // Setting the animation (animates the mask layer)
    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position.y"];
    animation.byValue = [NSNumber numberWithFloat:popoverHeight];
    animation.repeatCount = HUGE_VALF;
    animation.duration = 2.0f;

    [maskLayer addAnimation:animation forKey:@"position.y"];

    //Assigning the animated maskLayer to the mask property of your popover
    popover.mask = maskLayer;

    [self.view.layer addSublayer:popover];

    [super viewDidLoad];
}

注意:您必须将QuartzCore框架导入项目并在头文件中写下此行:#import <QuartzCore/QuartzCore.h>

告诉您这是否适用于您,或者您是否需要更多帮助进行设置。

答案 1 :(得分:2)

试试这段代码。 将UIImageView视为imageView。

imageView.contentMode = UIViewContentModeScaleAspectFill;
CGRect imageRect = imageView.frame;
CGRect origImgRect = imageRect;
imageRect.size.height = 5;
imageView.frame = imageRect;

[UIView animateWithDuration:2.0
     animations:^{imageView.rect = origImgRect;}
     completion:^(BOOL finished){  }];