CGRect 또는 CGImageCreateWithImageInRect를 회전하는 방법은 무엇입니까?

Question

내 프로젝트를 설명하려면 :

나는 흰색 레이어 위에 떠있는 직사각형 UIImageView 프레임이 있습니다. UIImageView 내부에서 나는 흰 레이어 뒤에 배경 이미지의 일부를 보여주고 있다는 환상을 성공적으로 만들어 냈습니다. 사각형을 드래그하면 이미지를 "다시 그려"흰색 뒤에있는 것을 들여다 볼 수 있습니다. 기본적으로는이 코드 :

//whenever the frame is moved, updated the CGRect frameRect and run this: 

self.newCroppedImage = CGImageCreateWithImageInRect([bgImage.image CGImage], frameRect); 
frame.image = [UIImage imageWithCGImage:self.newCroppedImage]; 

여하튼, I는 또한 사용자가 상기 프레임을 회전 할 수 있도록 (그리고, 결과적으로 이미지를 회전) 회전 제스처 인식기를 갖는다. 이는 CGImageCreateWithImageInRect로 보내지는 CGRect가 여전히 원래의 회전 방향을 유지하기 때문입니다. 이렇게하면 프레임 만 그런 식으로 나타나야 할 때 볼 수있는 이미지가 회전되기 때문에 창을 통해보고 있다는 환상을 깨뜨릴 수 있습니다.

이상적으로는 프레임의 회전을 가져 와서 내 bgImage에서 만든 이미지에 적용해야합니다. 아무도 내가 이것을 적용 할 수있는 방법에 대한 단서 또는 아이디어가 있습니까?

Answer 1

다른 접근 방법을 제안합니다. UIImageView에 삽입 할 새 이미지를 끊임없이 만들지 마세요. 대신보기 계층을 다음과 같이 설정하십시오.

White view 
    "Hole" view (just a regular UIView) 
     Image view 

즉, 흰색보기는 하위보기로 구멍보기를 갖습니다. 구멍보기에는 서브 뷰로 UIImageView이 있습니다.

구멍보기에는 clipsToBounds 속성이 YES로 설정되어 있어야합니다 (코드 또는 펜촉으로 설정할 수 있음).

이미지보기의 크기는 이미지의 크기로 설정되어야합니다. 물론 이것은 홀 뷰의 크기보다 커야합니다.

그리고 이것은 매우 중요합니다. 이미지보기의 가운데는 구멍보기의 가운데로 설정해야합니다.

다음은 테스트 프로젝트에서 설정 한 코드입니다. 흰색보기는 self.view입니다. 나는 흰색보기 중심에있는 구멍부터 시작하여 이미지보기의 중심을 구멍보기 중심으로 설정합니다.

- (void)viewWillAppear:(BOOL)animated 
{ 
    [super viewWillAppear:YES]; 

    CGRect bounds = self.view.bounds; 
    self.holeView.center = CGPointMake(CGRectGetMidX(bounds), CGRectGetMidY(bounds)); 
    self.holeView.clipsToBounds = YES; 

    bounds = self.holeView.bounds; 
    self.imageView.center = CGPointMake(CGRectGetMidX(bounds), CGRectGetMidY(bounds)); 
    self.imageView.bounds = (CGRect){ CGPointZero, self.imageView.image.size }; 

} 

또한 이미지보기의 크기를 이미지의 크기로 설정합니다. 흰색보기의 크기로 설정할 수 있습니다.

구멍을 화면 이동하고 회전하려면 holeView.transform을 설정해야합니다. holeView.frame 또는 holeView.center을 변경하지 않겠습니다. 변환을 계산하는 데 사용하는 _holeOffset과 _holeRotation이라는 두 개의 인스턴스 변수가 있습니다.

- (void)updateTransforms { 
    CGAffineTransform holeTransform = CGAffineTransformIdentity; 
    holeTransform = CGAffineTransformTranslate(holeTransform, _holeOffset.x, _holeOffset.y); 
    holeTransform = CGAffineTransformRotate(holeTransform, _holeRotation); 
    self.holeView.transform = holeTransform; 
    self.imageView.transform = CGAffineTransformInvert(holeTransform); 
} 

이 트릭 : 그것은 흰색보기를 통해 구멍처럼 보이는 이미지 만들기보기를 공개하는 비결은, 구멍 뷰의 변환의 효과를 취소, 이미지보기로 변환역을 적용하는 것입니다 하위 뷰의 중심이 슈퍼 뷰의 중심에있는 경우에만 하위 뷰에서 역변환을 사용합니다. (기술적으로 앵커 포인트가 정렬되어야하지만 기본적으로 뷰의 앵커 포인트가 가운데에 있습니다.)

holeView에 UIPanGestureRecognizer을 넣습니다.내보기 컨트롤러에 panGesture:를 보내도록 구성 :

- (IBAction)panGesture:(UIPanGestureRecognizer *)sender { 
    CGPoint offset = [sender translationInView:self.view]; 
    [sender setTranslation:CGPointZero inView:self.view]; 
    _holeOffset.x += offset.x; 
    _holeOffset.y += offset.y; 
    [self updateTransforms]; 
} 

가 나는 또한 holeView에 UIRotationGestureRecognizer을 넣어. 내보기 컨트롤러에 rotationGesture:을 보내도록 구성했습니다.

- (IBAction)rotationGesture:(UIRotationGestureRecognizer *)sender { 
    _holeRotation += sender.rotation; 
    sender.rotation = 0; 
    [self updateTransforms]; 
}