質問編集履歴

内容の追記

2018/09/23 10:59

投稿

RyomaD

スコア34

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -174,6 +174,112 @@
     }
+@objc func pinchAction(gesture: UIPinchGestureRecognizer) {
+        if gesture.state == UIGestureRecognizerState.began {
+            // ピンチを開始したときの画像の中心点を保存しておく
+            pinchStartImageCenter = imageView.center
+            touchPoint1 = gesture.location(ofTouch: 0, in: self.view)
+            touchPoint2 = gesture.location(ofTouch: 1, in: self.view)
+            // 指の中間点を求めて保存しておく
+            // UIGestureRecognizerState.Changedで毎回求めた場合、ピンチ状態で片方の指だけ動かしたときに中心点がずれておかしな位置でズームされるため
+            pichCenter = CGPoint(x: (touchPoint1.x + touchPoint2.x) / 2, y: (touchPoint1.y + touchPoint2.y) / 2)
+        } else if gesture.state == UIGestureRecognizerState.changed {
+            // ピンチジェスチャー・変更中
+            var pinchScale :  CGFloat// ピンチを開始してからの拡大率。差分ではない
+            if gesture.scale > 1 {
+                pinchScale = 1 + gesture.scale/100
+            }else{
+                pinchScale = gesture.scale
+            }
+            if pinchScale*self.imageView.frame.width < editPhotoView.frame.width {
+                pinchScale = editPhotoView.frame.width/self.imageView.frame.width
+            }
+            scaleZoomedInOut *= pinchScale
+            // ピンチした位置を中心としてズーム（イン/アウト）するように、画像の中心位置をずらす
+            let newCenter = CGPoint(x: pinchStartImageCenter.x - ((pichCenter.x - pinchStartImageCenter.x) * pinchScale - (pichCenter.x - pinchStartImageCenter.x)),y: pinchStartImageCenter.y - ((pichCenter.y - pinchStartImageCenter.y) * pinchScale - (pichCenter.y - pinchStartImageCenter.y)))
+            self.imageView.frame.size = CGSize(width: pinchScale*self.imageView.frame.width, height: pinchScale*self.imageView.frame.height)
+            imageView.center = newCenter
+        }
+    }
+    //ダブルタップは、ダブルタップを行うとタップをしたところを中心にUIImageViewが２倍の大きさになる
+    @objc func doubleTapAction(gesture: UITapGestureRecognizer) {
+        if gesture.state == UIGestureRecognizerState.ended {
+            let doubleTapStartCenter = imageView.center
+            let doubleTapScale: CGFloat = 2.0 // ダブルタップでは現在のスケールの2倍にする
+            scaleZoomedInOut *= doubleTapScale
+            let tapPoint = gesture.location(in: self.view)
+            let newCenter = CGPoint(x:
+                doubleTapStartCenter.x - ((tapPoint.x - doubleTapStartCenter.x) * doubleTapScale - (tapPoint.x - doubleTapStartCenter.x)),
+                                    y: doubleTapStartCenter.y - ((tapPoint.y - doubleTapStartCenter.y) * doubleTapScale - (tapPoint.y - doubleTapStartCenter.y)))
+            // 拡大・縮小とタップ位置に合わせた中心点の移動
+            UIView.animate(withDuration: 0.3, delay: 0.0, options: UIViewAnimationOptions.curveEaseOut, animations: {() -> Void in
+                self.imageView.frame.size = CGSize(width: doubleTapScale*self.imageView.frame.width, height: doubleTapScale*self.imageView.frame.height)
+                self.imageView.center = newCenter
+            }, completion: nil)
+        }
+    }
 ```
 ドラッグして画像を動かした際に移動した距離を割り出し、
@@ -186,14 +292,38 @@
 ### 試したこと
+```swift
+if imageView.frame.origin.y < 0{
+            imageView.frame.origin.y = 0
+        }else if imageView.frame.origin.y > 0{
+            imageView.frame.origin.y = 0
+        }else if imageView.frame.origin.x > 0{
+            imageView.frame.origin.x = 0
+        }
+```
+上記のやり方ではトリミング枠から出ないものの、ピンチインアウト時や、ズームインアウト時におかしな挙動になり想定の動きかたをしてくれませんでした。
 画像の幅・高さを取得して、=> let imageWidth = sourceImage.size.width
-「トリミング対象画像を表示するためのUIImageViewが、let imageWidth 以上になったらドラッグ移動させない」ようなやり方で試してみたのですが、上手く機能せず困っております。
+「トリミング対象画像を表示するためのUIImageViewが、let imageWidth 以上になったらドラッグ移動させない」ようなやり方で試そうと思っています。
-どなたかやり方をご存知の方がいらっしゃればご教授頂けないでしょうか！！！！！
+他に拡張性の高いやり方など、ご存知の方がいらっしゃればご教授頂けないでしょうか！！！！！
 よろしくお願いします。