UIView 애니메이션을 아래로 내림

Question

UIImageView에서 이미지를 아래로 슬라이드하려고합니다. 그러나 UIContentMode와 애니메이션 속성의 조합이 어떻게되는지 알지 못합니다. 이미지의 크기는 항상 같아야하며 줄을 서서는 안됩니다. 원하는 것은 모두 보이고, 아무것도 보이지 않으면 프레임이 확장되어 이미지가 나타납니다.

그래서 오히려 쉽게 들리지만, UIContentMode 내가 UIImageView에 사용해야하는지 내가 무엇 속성에 애니메이션한다 : 당신이 무슨 뜻인지 볼 경우

은 아마 쉽게? 고맙습니다!

Answer 1

내가 주도권을 잡았으며 스크린 캐스트도 만들었습니다. Was this what you had in mind?

비디오를 캡처하는 것이 더 쉬워 지도록 애니메이션을 반복적으로 넣었지만 버튼을 누를 때 시작될 수 있으며 반전 될 때까지 팝업 및 그 내용을 표시 할 수 있습니다. 다시 숨겨지기.

CALayer의 마스크 속성을 사용하여 팝업을 숨기고 슬라이딩 애니메이션으로 나타 내기 위해 UIView에 애니메이션을 적용하는 대신 Core Animation을 사용했습니다.

- (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>합니다.

이 방법이 효과가 있는지 또는 더 이상 설정해야하는지 알려줍니다.

Answer 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){ }];