使用手勢對UIImageView進行縮放、旋轉和移動
阿新 • • 發佈:2017-08-10
nbsp boa use itl ans self. iges comm title
[cpp] view plain copy
- // 添加所有的手勢
- - (void) addGestureRecognizerToView:(UIView *)view
- {
- // 旋轉手勢
- UIRotationGestureRecognizer *rotationGestureRecognizer = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotateView:)];
- [view addGestureRecognizer:rotationGestureRecognizer];
- // 縮放手勢
- UIPinchGestureRecognizer *pinchGestureRecognizer = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinchView:)];
- [view addGestureRecognizer:pinchGestureRecognizer];
- // 移動手勢
- UIPanGestureRecognizer *panGestureRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panView:)];
- [view addGestureRecognizer:panGestureRecognizer];
- }
- // 處理旋轉手勢
- - (void) rotateView:(UIRotationGestureRecognizer *)rotationGestureRecognizer
- {
- UIView *view = rotationGestureRecognizer.view;
- if (rotationGestureRecognizer.state == UIGestureRecognizerStateBegan || rotationGestureRecognizer.state == UIGestureRecognizerStateChanged) {
- view.transform = CGAffineTransformRotate(view.transform, rotationGestureRecognizer.rotation);
- [rotationGestureRecognizer setRotation:0];
- }
- }
- // 處理縮放手勢
- - (void) pinchView:(UIPinchGestureRecognizer *)pinchGestureRecognizer
- {
- UIView *view = pinchGestureRecognizer.view;
- if (pinchGestureRecognizer.state == UIGestureRecognizerStateBegan || pinchGestureRecognizer.state == UIGestureRecognizerStateChanged) {
- view.transform = CGAffineTransformScale(view.transform, pinchGestureRecognizer.scale, pinchGestureRecognizer.scale);
- pinchGestureRecognizer.scale = 1;
- }
- }
- // 處理拖拉手勢
- - (void) panView:(UIPanGestureRecognizer *)panGestureRecognizer
- {
- UIView *view = panGestureRecognizer.view;
- if (panGestureRecognizer.state == UIGestureRecognizerStateBegan || panGestureRecognizer.state == UIGestureRecognizerStateChanged) {
- CGPoint translation = [panGestureRecognizer translationInView:view.superview];
- [view setCenter:(CGPoint){view.center.x + translation.x, view.center.y + translation.y}];
- [panGestureRecognizer setTranslation:CGPointZero inView:view.superview];
- }
- }
這樣只需要簡單調用
[cpp] view plain copy
- [self addGestureRecognizerToView:view];
- //如果處理的是圖片,別忘了
- [imageView setUserInteractionEnabled:YES];
- [imageView setMultipleTouchEnabled:YES];
大功告成。
具體使用一下:
在.h文件裏邊定義變量
[cpp] view plain copy
- @interface YourViewController : UIViewController<UIGestureRecognizerDelegate>
- {
- CGFloat lastScale;
- CGRect oldFrame; //保存圖片原來的大小
- CGRect largeFrame; //確定圖片放大最大的程度
- }
然後在viewDidLoad裏面加上
[cpp] view plain copy
- - (void)viewDidLoad
- {
- [super viewDidLoad];
- showImgView = [[UIImageView alloc] initWithFrame:<span class="s1">CGRectMake</span>(<span class="s2">0</span>, <span class="s2">0</span>, 320, 480)];
- [showImgView setMultipleTouchEnabled:YES];
- [showImgView setUserInteractionEnabled:YES];
- [showImgView setImage:[UIImage imageNamed:@"1.jpg"]];
- oldFrame = showImgView.frame;
- largeFrame = CGRectMake(0 - screenSize.width, 0 - screenSize.height, 3 * oldFrame.size.width, 3 * oldFrame.size.height);
- [self addGestureRecognizerToView:showImgView];
- [self.view addSubview:showImgView];
這樣就實現了
但是,這樣是不夠的。
因為裏邊的縮放和移動等沒有做相應的判斷。
因為代碼很簡潔,所以擴展也非常方便。
修改了縮放的代碼,增加了限制,其他的類似
[cpp] view plain copy
- // 處理縮放手勢
- - (void) pinchView:(UIPinchGestureRecognizer *)pinchGestureRecognizer
- {
- UIView *view = pinchGestureRecognizer.view;
- if (pinchGestureRecognizer.state == UIGestureRecognizerStateBegan || pinchGestureRecognizer.state == UIGestureRecognizerStateChanged) {
- view.transform = CGAffineTransformScale(view.transform, pinchGestureRecognizer.scale, pinchGestureRecognizer.scale);
- if (showImgView.frame.size.width < oldFrame.size.width) {
- showImgView.frame = oldFrame;
- //讓圖片無法縮得比原圖小
- }
- if (showImgView.frame.size.width > 3 * oldFrame.size.width) {
- showImgView.frame = largeFrame;
- }
- pinchGestureRecognizer.scale = 1;
- }
- }
這樣就好了。保證了圖片的最大和最小比例。
參考文章: http://apluck.iteye.com/blog/1781607
使用手勢對UIImageView進行縮放、旋轉和移動