Как увеличить/уменьшить объект UIImage, когда пользователь зажимает экран?

Question

Я хотел бы увеличить/уменьшить объект UIImage, когда пользователь выполнит стандартное действие пинча в моем приложении. В настоящее время я использую UIImageView для отображения моего изображения, если эта деталь помогает в любом случае.

Я пытаюсь выяснить, как это сделать, но пока такого не повезло.

Любые подсказки?

Answer 1

Другой простой способ сделать это, чтобы разместить ваш UIImageView в пределах UIScrollView. As I describe here, вам необходимо установить размер содержимого контента прокрутки таким же, как размер вашего UIImageView's. Установите экземпляр вашего контроллера как делегат прокрутки и выполните методы viewForZoomingInScrollView: и scrollViewDidEndZooming:withView:atScale:, чтобы обеспечить масштабирование и панорамирование изображений. Это эффективно то, что делает решение Бена, только немного более легким способом, поскольку у вас нет накладных расходов на полный веб-просмотр.

Одна проблема, с которой вы можете столкнуться, заключается в том, что масштабирование в представлении прокрутки происходит в виде преобразований, применяемых к изображению. Это может привести к размытости при высоких коэффициентах масштабирования. Для чего-то, что можно перерисовать, вы можете следовать моим предложениям here, чтобы обеспечить четкий дисплей после того, как жест щепотки закончен. В этот момент можно было бы использовать решение hniels для масштабирования изображения.

Answer 2

Простейший способ сделать это, если все, что вам нужно, - увеличить масштаб изображения, - разместить свое изображение внутри UIWebView (напишите небольшое количество кода оболочки html, укажите свое изображение, и в основном вы делаете). Более сложный способ сделать это - использовать touchesBegan, touchesMoved и touchesEnded, чтобы отслеживать пальцы пользователя и соответствующим образом изменять свойство преобразования вашего представления.

Answer 3

Имейте в виду, что вы НИКОГДА не увеличиваете масштаб на UIImage. КОГДА-ЛИБО.

Вместо этого вы увеличиваете и уменьшаете масштаб на view, который отображает UIImage.

В данном конкретном случае, вы chould решили создать собственный UIView с пользовательской графики для отображения изображения, а UIImageView, который отображает изображение для вас, или UIWebView который потребуется некоторый дополнительный HTML, чтобы поддержать его.

Во всех случаях вам необходимо реализовать touchesBegan, touchesMoved и т.п., чтобы определить, что пользователь пытается сделать (масштабирование, панорамирование и т. Д.).

Answer 4

Вот решение, которое я использовал до этого, не требует использования UIWebView.

- (UIImage *)scaleAndRotateImage(UIImage *)image 
{ 
    int kMaxResolution = 320; // Or whatever 

    CGImageRef imgRef = image.CGImage; 

    CGFloat width = CGImageGetWidth(imgRef); 
    CGFloat height = CGImageGetHeight(imgRef); 


    CGAffineTransform transform = CGAffineTransformIdentity; 
    CGRect bounds = CGRectMake(0, 0, width, height); 
    if (width > kMaxResolution || height > kMaxResolution) { 
     CGFloat ratio = width/height; 
     if (ratio > 1) { 
      bounds.size.width = kMaxResolution; 
      bounds.size.height = bounds.size.width/ratio; 
     } 
     else { 
      bounds.size.height = kMaxResolution; 
      bounds.size.width = bounds.size.height * ratio; 
     } 
    } 

    CGFloat scaleRatio = bounds.size.width/width; 
    CGSize imageSize = CGSizeMake(CGImageGetWidth(imgRef), CGImageGetHeight(imgRef)); 
    CGFloat boundHeight; 
    UIImageOrientation orient = image.imageOrientation; 
    switch(orient) { 

     case UIImageOrientationUp: //EXIF = 1 
      transform = CGAffineTransformIdentity; 
      break; 

     case UIImageOrientationUpMirrored: //EXIF = 2 
      transform = CGAffineTransformMakeTranslation(imageSize.width, 0.0); 
      transform = CGAffineTransformScale(transform, -1.0, 1.0); 
      break; 

     case UIImageOrientationDown: //EXIF = 3 
      transform = CGAffineTransformMakeTranslation(imageSize.width, imageSize.height); 
      transform = CGAffineTransformRotate(transform, M_PI); 
      break; 

     case UIImageOrientationDownMirrored: //EXIF = 4 
      transform = CGAffineTransformMakeTranslation(0.0, imageSize.height); 
      transform = CGAffineTransformScale(transform, 1.0, -1.0); 
      break; 

     case UIImageOrientationLeftMirrored: //EXIF = 5 
      boundHeight = bounds.size.height; 
      bounds.size.height = bounds.size.width; 
      bounds.size.width = boundHeight; 
      transform = CGAffineTransformMakeTranslation(imageSize.height, imageSize.width); 
      transform = CGAffineTransformScale(transform, -1.0, 1.0); 
      transform = CGAffineTransformRotate(transform, 3.0 * M_PI/2.0); 
      break; 

     case UIImageOrientationLeft: //EXIF = 6 
      boundHeight = bounds.size.height; 
      bounds.size.height = bounds.size.width; 
      bounds.size.width = boundHeight; 
      transform = CGAffineTransformMakeTranslation(0.0, imageSize.width); 
      transform = CGAffineTransformRotate(transform, 3.0 * M_PI/2.0); 
      break; 

     case UIImageOrientationRightMirrored: //EXIF = 7 
      boundHeight = bounds.size.height; 
      bounds.size.height = bounds.size.width; 
      bounds.size.width = boundHeight; 
      transform = CGAffineTransformMakeScale(-1.0, 1.0); 
      transform = CGAffineTransformRotate(transform, M_PI/2.0); 
      break; 

     case UIImageOrientationRight: //EXIF = 8 
      boundHeight = bounds.size.height; 
      bounds.size.height = bounds.size.width; 
      bounds.size.width = boundHeight; 
      transform = CGAffineTransformMakeTranslation(imageSize.height, 0.0); 
      transform = CGAffineTransformRotate(transform, M_PI/2.0); 
      break; 

     default: 
      [NSException raise:NSInternalInconsistencyException format:@"Invalid image orientation"]; 

    } 

    UIGraphicsBeginImageContext(bounds.size); 

    CGContextRef context = UIGraphicsGetCurrentContext(); 

    if (orient == UIImageOrientationRight || orient == UIImageOrientationLeft) { 
     CGContextScaleCTM(context, -scaleRatio, scaleRatio); 
     CGContextTranslateCTM(context, -height, 0); 
    } 
    else { 
     CGContextScaleCTM(context, scaleRatio, -scaleRatio); 
     CGContextTranslateCTM(context, 0, -height); 
    } 

    CGContextConcatCTM(context, transform); 

    CGContextDrawImage(UIGraphicsGetCurrentContext(), CGRectMake(0, 0, width, height), imgRef); 
    UIImage *imageCopy = UIGraphicsGetImageFromCurrentImageContext(); 
    UIGraphicsEndImageContext(); 

    return imageCopy; 
} 

В статье можно найти на поддержки Apple по адресу: http://discussions.apple.com/message.jspa?messageID=7276709#7276709

Answer 5

Ниже кода помогает увеличить UIImageView без использования UIScrollView:

-(void)HandlePinch:(UIPinchGestureRecognizer*)recognizer{ 
    if ([recognizer state] == UIGestureRecognizerStateEnded) { 
     NSLog(@"======== Scale Applied ==========="); 
     if ([recognizer scale]<1.0f) { 
      [recognizer setScale:1.0f]; 
     } 
     CGAffineTransform transform = CGAffineTransformMakeScale([recognizer scale], [recognizer scale]); 
     imgView.transform = transform; 
    } 
} 

Answer 6

решение Shefali для UIImageView отлично работает, но она нуждается в небольшой модификации:

- (void)pinch:(UIPinchGestureRecognizer *)gesture { 
    if (gesture.state == UIGestureRecognizerStateEnded 
     || gesture.state == UIGestureRecognizerStateChanged) { 
     NSLog(@"gesture.scale = %f", gesture.scale); 

     CGFloat currentScale = self.frame.size.width/self.bounds.size.width; 
     CGFloat newScale = currentScale * gesture.scale; 

     if (newScale < MINIMUM_SCALE) { 
      newScale = MINIMUM_SCALE; 
     } 
     if (newScale > MAXIMUM_SCALE) { 
      newScale = MAXIMUM_SCALE; 
     } 

     CGAffineTransform transform = CGAffineTransformMakeScale(newScale, newScale); 
     self.transform = transform; 
     gesture.scale = 1; 
    } 
} 

(решение Shefali имело обратную сторону, что это непрерывно не увеличивалось при защемлении.Кроме того, при запуске нового пинча текущая шкала изображений была сброшена.)

Answer 7

Как описано выше, самым простым решением является включение UIImageView в UIScrollView. Я сделал это в файле Interface Builder .xib.

В представленииDidLoad задайте следующие переменные. Установите ваш контроллер как UIScrollViewDelegate.

- (void)viewDidLoad { 
    [super viewDidLoad]; 
    self.scrollView.minimumZoomScale = 0.5; 
    self.scrollView.maximumZoomScale = 6.0; 
    self.scrollView.contentSize = self.imageView.frame.size; 
    self.scrollView.delegate = self; 
} 

Для возврата изображения, которое требуется масштабировать, требуется реализовать следующий метод.

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView 
{ 
    return self.imageView; 
} 

В версиях до iOS9, вы можете также необходимо добавить этот пустой метод делегата:

- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale 
{ 
} 

Apple Documentation делает хорошую работу описания того, как сделать это:

Answer 8

Shafali и Ответы JRV расширены, чтобы включить панорамирование и ущипнуть для увеличения:

#define MINIMUM_SCALE 0.5 
#define MAXIMUM_SCALE 6.0 
@property CGPoint translation; 


- (void)pan:(UIPanGestureRecognizer *)gesture { 
    static CGPoint currentTranslation; 
    static CGFloat currentScale = 0; 
    if (gesture.state == UIGestureRecognizerStateBegan) { 
     currentTranslation = _translation; 
     currentScale = self.view.frame.size.width/self.view.bounds.size.width; 
    } 
    if (gesture.state == UIGestureRecognizerStateEnded || gesture.state == UIGestureRecognizerStateChanged) { 

     CGPoint translation = [gesture translationInView:self.view]; 

     _translation.x = translation.x + currentTranslation.x; 
     _translation.y = translation.y + currentTranslation.y; 
     CGAffineTransform transform1 = CGAffineTransformMakeTranslation(_translation.x , _translation.y); 
     CGAffineTransform transform2 = CGAffineTransformMakeScale(currentScale, currentScale); 
     CGAffineTransform transform = CGAffineTransformConcat(transform1, transform2); 
     self.view.transform = transform; 
    } 
} 


- (void)pinch:(UIPinchGestureRecognizer *)gesture { 
    if (gesture.state == UIGestureRecognizerStateEnded || gesture.state == UIGestureRecognizerStateChanged) { 
//  NSLog(@"gesture.scale = %f", gesture.scale); 

     CGFloat currentScale = self.view.frame.size.width/self.view.bounds.size.width; 
     CGFloat newScale = currentScale * gesture.scale; 

     if (newScale < MINIMUM_SCALE) { 
      newScale = MINIMUM_SCALE; 
     } 
     if (newScale > MAXIMUM_SCALE) { 
      newScale = MAXIMUM_SCALE; 
     } 

     CGAffineTransform transform1 = CGAffineTransformMakeTranslation(_translation.x, _translation.y); 
     CGAffineTransform transform2 = CGAffineTransformMakeScale(newScale, newScale); 
     CGAffineTransform transform = CGAffineTransformConcat(transform1, transform2); 
     self.view.transform = transform; 
     gesture.scale = 1; 
    } 
} 

Answer 9

Keep в виду, что вы не хотите увеличивать/уменьшать UIImage. Вместо этого попробуйте увеличить/уменьшить вид, содержащий контроллер просмотра UIImage.

Я решил решить эту проблему. Посмотрите на мой код:

@IBAction func scaleImage(sender: UIPinchGestureRecognizer) { 
     self.view.transform = CGAffineTransformScale(self.view.transform, sender.scale, sender.scale) 
     sender.scale = 1 
    } 
    override func viewDidLoad() { 
     super.viewDidLoad() 
     // Do any additional setup after loading the view, typically from a nib. 
     view.backgroundColor = UIColor.blackColor() 
    } 

N.B .: Не забудьте подключить к PinchGestureRecognizer.