iOS의 ImageView 용 UIView 애니메이션

Question

i 그리드보기에서 현재 위치에서 전체 화면으로 이미지보기를 움직여야했습니다. 격자보기로 이미지를 만들었습니다.

- (void)viewDidLoad 
{ 
    [super viewDidLoad]; 

    imagesArray = [[NSMutableArray alloc] init];   
    for (int i=1; i<11; i++) { 

     [imagesArray addObject:[UIImage imageNamed:[NSString stringWithFormat:@"image%d.png", i]]]; 
     NSLog(@"imagesArray:%@", imagesArray);    
    } 

    float horizontal = 20.0; 
    float vertical = 20.0; 

    for(int i=0; i<[imagesArray count]; i++) 
    { 
     if((i%3) == 0 && i!=0) 
     { 
      horizontal = 20.0; 
      vertical = vertical + 220.00 + 20.0; 
     } 

     imagesView = [[UIImageView alloc] initWithFrame:CGRectMake(horizontal, vertical, 310.0, 220.00)]; 
     imagesView.userInteractionEnabled = YES; 
     [imagesView setImage:[imagesArray objectAtIndex:i]]; 
     imagesView.tag = i; 

     UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleTap:)]; 
     tap.numberOfTapsRequired = 1; 
     tap.numberOfTouchesRequired = 1; 

     [imagesView addGestureRecognizer:tap]; 

     [self.view addSubview:imagesView]; 
     horizontal = horizontal + 310.0 + 20.0; 
     } 

} 

여기에 10 개의 이미지가있는 것처럼 이미지가있는 격자보기가 생성되었습니다. 3x3 격자보기를 만들었습니다. 다음

내가 그것에 탭 제스처를 추가하고 난

-(void)handleTap:(UITapGestureRecognizer *)recognizer 
{ 
     UIView *piece = recognizer.view; 

     [UIView animateWithDuration:1.0 animations:^{ 
      piece.frame = CGRectMake(piece.frame.origin.x, piece.frame.origin.y, 1000, 700); 

     } completion:^(BOOL finished) { 

    }]; 

    } 

는 당신이 눌러 전체 화면으로 현재 위치에서 이미지보기 애니메이션을 만드는 방법을 나에게 말할 수 태그로 호출하여 이미지 뷰 위치를 얻고있다 그것.

Answer 1

보기 컨트롤러의 self.view에보기를 추가하기 때문에 self.view이 장치의 전체 화면을 차지한다고 가정 할 수 있습니다. 따라서, 당신은 그것의 경계에 애니메이션을 적용 할 수 있습니다 :

[UIView animateWithDuration:1.0 animations:^{ 
    piece.frame = self.view.bounds; 
} completion:nil]; 

참고 piece은 당신의 내면의 뷰가 애니메이션 중에 클리핑되지 않도록 화면 전체에 걸쳐있는 부모 뷰를해야하는 경우가.

Answer 2

이 코드는 사용자가 기대하는 이미지 뷰를 확대하는 것과 같은 애니메이션 효과를 추가하는 데 도움이됩니다. 애니메이션이 끝나면 전체 화면 이미지보기를 사용자 정의해야합니다.

-(void)addZoomAnimationToZoomViewController:(UIImageView *)zoomView 
{ 
    CABasicAnimation *zoomAnimation = [CABasicAnimation animationWithKeyPath:@"transform.scale"]; 
    [zoomAnimation setDuration:0.8]; 
    [zoomAnimation setRepeatCount:1]; 
    [zoomAnimation setFromValue: [NSNumber numberWithFloat:0.1]]; 
    [zoomAnimation setToValue: [NSNumber numberWithFloat:5.0] ]; 
    [zoomAnimation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]]; 
    [[zoomView layer] addAnimation:zoomAnimation forKey:@"zoom"]; 
}