1. 程式人生 > >使用手勢對UIImageView進行縮放、旋轉和移動

使用手勢對UIImageView進行縮放、旋轉和移動

nbsp boa use itl ans self. iges comm title

[cpp] view plain copy
  1. // 添加所有的手勢
  2. - (void) addGestureRecognizerToView:(UIView *)view
  3. {
  4. // 旋轉手勢
  5. UIRotationGestureRecognizer *rotationGestureRecognizer = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotateView:)];
  6. [view addGestureRecognizer:rotationGestureRecognizer];
  7. // 縮放手勢
  8. UIPinchGestureRecognizer *pinchGestureRecognizer = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinchView:)];
  9. [view addGestureRecognizer:pinchGestureRecognizer];
  10. // 移動手勢
  11. UIPanGestureRecognizer *panGestureRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panView:)];
  12. [view addGestureRecognizer:panGestureRecognizer];
  13. }
  14. // 處理旋轉手勢
  15. - (void) rotateView:(UIRotationGestureRecognizer *)rotationGestureRecognizer
  16. {
  17. UIView *view = rotationGestureRecognizer.view;
  18. if (rotationGestureRecognizer.state == UIGestureRecognizerStateBegan || rotationGestureRecognizer.state == UIGestureRecognizerStateChanged) {
  19. view.transform = CGAffineTransformRotate(view.transform, rotationGestureRecognizer.rotation);
  20. [rotationGestureRecognizer setRotation:0];
  21. }
  22. }
  23. // 處理縮放手勢
  24. - (void) pinchView:(UIPinchGestureRecognizer *)pinchGestureRecognizer
  25. {
  26. UIView *view = pinchGestureRecognizer.view;
  27. if (pinchGestureRecognizer.state == UIGestureRecognizerStateBegan || pinchGestureRecognizer.state == UIGestureRecognizerStateChanged) {
  28. view.transform = CGAffineTransformScale(view.transform, pinchGestureRecognizer.scale, pinchGestureRecognizer.scale);
  29. pinchGestureRecognizer.scale = 1;
  30. }
  31. }
  32. // 處理拖拉手勢
  33. - (void) panView:(UIPanGestureRecognizer *)panGestureRecognizer
  34. {
  35. UIView *view = panGestureRecognizer.view;
  36. if (panGestureRecognizer.state == UIGestureRecognizerStateBegan || panGestureRecognizer.state == UIGestureRecognizerStateChanged) {
  37. CGPoint translation = [panGestureRecognizer translationInView:view.superview];
  38. [view setCenter:(CGPoint){view.center.x + translation.x, view.center.y + translation.y}];
  39. [panGestureRecognizer setTranslation:CGPointZero inView:view.superview];
  40. }
  41. }


這樣只需要簡單調用

[cpp] view plain copy
  1. [self addGestureRecognizerToView:view];
  2. //如果處理的是圖片,別忘了
  3. [imageView setUserInteractionEnabled:YES];
  4. [imageView setMultipleTouchEnabled:YES];


大功告成。

具體使用一下:

在.h文件裏邊定義變量

[cpp] view plain copy
  1. @interface YourViewController : UIViewController<UIGestureRecognizerDelegate>
  2. {
  3. CGFloat lastScale;
  4. CGRect oldFrame; //保存圖片原來的大小
  5. CGRect largeFrame; //確定圖片放大最大的程度
  6. }

然後在viewDidLoad裏面加上

[cpp] view plain copy
  1. - (void)viewDidLoad
  2. {
  3. [super viewDidLoad];
  4. showImgView = [[UIImageView alloc] initWithFrame:<span class="s1">CGRectMake</span>(<span class="s2">0</span>, <span class="s2">0</span>, 320, 480)];
  5. [showImgView setMultipleTouchEnabled:YES];
  6. [showImgView setUserInteractionEnabled:YES];
  7. [showImgView setImage:[UIImage imageNamed:@"1.jpg"]];
  8. oldFrame = showImgView.frame;
  9. largeFrame = CGRectMake(0 - screenSize.width, 0 - screenSize.height, 3 * oldFrame.size.width, 3 * oldFrame.size.height);
  10. [self addGestureRecognizerToView:showImgView];
  11. [self.view addSubview:showImgView];


這樣就實現了

但是,這樣是不夠的。

因為裏邊的縮放和移動等沒有做相應的判斷。

因為代碼很簡潔,所以擴展也非常方便。

修改了縮放的代碼,增加了限制,其他的類似

[cpp] view plain copy
  1. // 處理縮放手勢
  2. - (void) pinchView:(UIPinchGestureRecognizer *)pinchGestureRecognizer
  3. {
  4. UIView *view = pinchGestureRecognizer.view;
  5. if (pinchGestureRecognizer.state == UIGestureRecognizerStateBegan || pinchGestureRecognizer.state == UIGestureRecognizerStateChanged) {
  6. view.transform = CGAffineTransformScale(view.transform, pinchGestureRecognizer.scale, pinchGestureRecognizer.scale);
  7. if (showImgView.frame.size.width < oldFrame.size.width) {
  8. showImgView.frame = oldFrame;
  9. //讓圖片無法縮得比原圖小
  10. }
  11. if (showImgView.frame.size.width > 3 * oldFrame.size.width) {
  12. showImgView.frame = largeFrame;
  13. }
  14. pinchGestureRecognizer.scale = 1;
  15. }
  16. }


這樣就好了。保證了圖片的最大和最小比例。

參考文章: http://apluck.iteye.com/blog/1781607

使用手勢對UIImageView進行縮放、旋轉和移動