uiimageViewのuigesturerecognizer

StackOverflow https://stackoverflow.com/questions/3907397

質問

私は持っています UIImageView, 、サイズを変更して回転させることができるようにしたい。

can a UIGestureRecognizer に追加されます UIImageView?

回転とピンチの認識器を追加したい UIImageView 実行時に作成されます。

これらの認識者をどのように追加しますか？

役に立ちましたか？

解決

それを確認します userInteractionEnabled は YES に UIImageView. 。その後、ジェスチャー認識者を追加できます。

imageView.userInteractionEnabled = YES;
UIPinchGestureRecognizer *pgr = [[UIPinchGestureRecognizer alloc] 
    initWithTarget:self action:@selector(handlePinch:)];
pgr.delegate = self;
[imageView addGestureRecognizer:pgr];
[pgr release];
:
:
- (void)handlePinch:(UIPinchGestureRecognizer *)pinchGestureRecognizer
{
  //handle pinch...
}

他のヒント

はい、uigesturerecognizerをuiimageviewに追加できます。他の答えに記載されているように、画像ビューでユーザーの相互作用を有効にすることを覚えておくことは非常に重要です。 userInteractionEnabled プロパティへ YES. 。 uiimageviewはuiviewから継承し、そのユーザーインタラクションプロパティはに設定されています YES ただし、デフォルトでは、uiimageviewのユーザーインタラクションプロパティはに設定されています NO デフォルトで。

から uiimageview docs：

新しい画像ビューオブジェクトは、デフォルトでユーザーイベントを無視するように構成されています。 UIImageViewのカスタムサブクラスでイベントを処理する場合は、オブジェクトを初期化した後、userInteractionEnabledプロパティの値をYESに明示的に変更する必要があります。

とにかく、答えの大部分。作成方法の例は次のとおりです UIImageView とともに UIPinchGestureRecognizer, 、a UIRotationGestureRecognizer, 、a UIPanGestureRecognizer.

まず、in viewDidLoad, 、または選択した別の方法、画像ビューを作成し、画像、フレームを提供し、ユーザーインタラクションを有効にします。次に、次のように3つのジェスチャーを作成します。必ず代表財産を利用してください（おそらく自己に設定されている可能性が高い）。これは、複数のジェスチャーを同時に使用する必要があります。

- (void)viewDidLoad
{
    [super viewDidLoad];

    // set up the image view
    UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"someImage"]];
    [imageView setBounds:CGRectMake(0.0, 0.0, 120.0, 120.0)];
    [imageView setCenter:self.view.center];
    [imageView setUserInteractionEnabled:YES]; // <--- This is very important

    // create and configure the pinch gesture
    UIPinchGestureRecognizer *pinchGestureRecognizer = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinchGestureDetected:)];
    [pinchGestureRecognizer setDelegate:self];
    [imageView addGestureRecognizer:pinchGestureRecognizer];

    // create and configure the rotation gesture
    UIRotationGestureRecognizer *rotationGestureRecognizer = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotationGestureDetected:)];
    [rotationGestureRecognizer setDelegate:self];
    [imageView addGestureRecognizer:rotationGestureRecognizer];

    // creat and configure the pan gesture
    UIPanGestureRecognizer *panGestureRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGestureDetected:)];
    [panGestureRecognizer setDelegate:self];
    [imageView addGestureRecognizer:panGestureRecognizer];


    [self.view addSubview:imageView]; // add the image view as a subview of the view controllers view
}

ビューのジェスチャーが検出されたときに呼び出される3つの方法を以下に示します。それらの内部では、ジェスチャーの現在の状態を確認します。 UIGestureRecognizerState ジェスチャーのスケール/回転/翻訳プロパティを読み、そのデータをアフィン変換に適用し、アフィン変換を画像ビューに適用し、ジェスチャースケール/回転/翻訳をリセットします。 

- (void)pinchGestureDetected:(UIPinchGestureRecognizer *)recognizer
{
    UIGestureRecognizerState state = [recognizer state];

    if (state == UIGestureRecognizerStateBegan || state == UIGestureRecognizerStateChanged)
    {
        CGFloat scale = [recognizer scale];
        [recognizer.view setTransform:CGAffineTransformScale(recognizer.view.transform, scale, scale)];
        [recognizer setScale:1.0];
    }
}

- (void)rotationGestureDetected:(UIRotationGestureRecognizer *)recognizer
{
    UIGestureRecognizerState state = [recognizer state];

    if (state == UIGestureRecognizerStateBegan || state == UIGestureRecognizerStateChanged)
    {
        CGFloat rotation = [recognizer rotation];
        [recognizer.view setTransform:CGAffineTransformRotate(recognizer.view.transform, rotation)];
        [recognizer setRotation:0];
    }
}

- (void)panGestureDetected:(UIPanGestureRecognizer *)recognizer
{
    UIGestureRecognizerState state = [recognizer state];

    if (state == UIGestureRecognizerStateBegan || state == UIGestureRecognizerStateChanged)
    {
        CGPoint translation = [recognizer translationInView:recognizer.view];
        [recognizer.view setTransform:CGAffineTransformTranslate(recognizer.view.transform, translation.x, translation.y)];
        [recognizer setTranslation:CGPointZero inView:recognizer.view];
    }
}

最後に、そして非常に重要なことは、あなたは uigesturerecognizerdelegate 方法 gestureRecognizer: shouldRecognizeSimultaneouslyWithGestureRecognizer ジェスチャーが同時に機能するようにします。これらの3つのジェスチャーが、このクラスを代表者として割り当てた唯一の3つのジェスチャーである場合、単に返すことができます YES 以下に示すように。ただし、このクラスが代表者として割り当てられている追加のジェスチャーがある場合、このメソッドにロジックを追加して、どのジェスチャーがどのジェスチャーであるかを判断する前に、すべてが一緒に機能するようにする必要があります。

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer
{
    return YES;
}

あなたのクラスがに準拠することを確認することを忘れないでください uigesturerecognizerdelegate プロトコル。そうするために、あなたのインターフェイスが次のように見えることを確認してください：

@interface MyClass : MySuperClass <UIGestureRecognizerDelegate>

作業サンプルプロジェクトでコードを自分で再生したい場合は、このコードを含む私が作成したサンプルプロジェクト ここで見つけることができます。

Swift 4.2

myImageView.isUserInteractionEnabled = true
let tapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(imageTapped))
tapGestureRecognizer.numberOfTapsRequired = 1
myImageView.addGestureRecognizer(tapGestureRecognizer)

そして、タップしたとき：

@objc func imageTapped(_ sender: UITapGestureRecognizer) {
   // do something when image tapped
   print("image tapped")
}

Swift 2.0ソリューション

同じマナーでタップ、ピンチ、またはスワイプジェスチャー認識を作成します。以下では、認識機を稼働させるために4つのステップを進めます。

4つのステップ

1.) 継承から UIGestureRecognizerDelegate クラスの署名に追加します。

class ViewController: UIViewController, UIGestureRecognizerDelegate {...}

2.) 画像からViewControllerへのドラッグを制御して、iBoutletを作成します。

@IBOutlet weak var tapView: UIImageView!

3.) viewdidloadに次のコードを追加します。

// create an instance of UITapGestureRecognizer and tell it to run 
// an action we'll call "handleTap:"
let tap = UITapGestureRecognizer(target: self, action: Selector("handleTap:"))
// we use our delegate
tap.delegate = self
// allow for user interaction
tapView.userInteractionEnabled = true
// add tap as a gestureRecognizer to tapView
tapView.addGestureRecognizer(tap)

4.) ジェスチャー認識者がタップされたときに呼び出される関数を作成します。 （除外できます = nil 選択した場合）。

func handleTap(sender: UITapGestureRecognizer? = nil) {
    // just creating an alert to prove our tap worked!
    let tapAlert = UIAlertController(title: "hmmm...", message: "this actually worked?", preferredStyle: UIAlertControllerStyle.Alert)
    tapAlert.addAction(UIAlertAction(title: "OK", style: .Destructive, handler: nil))
    self.presentViewController(tapAlert, animated: true, completion: nil)
}

あなたの最終コードは次のように見えるはずです：

class ViewController: UIViewController, UIGestureRecognizerDelegate {

    @IBOutlet weak var tapView: UIImageView!

    override func viewDidLoad() {
        super.viewDidLoad()

        let tap = UITapGestureRecognizer(target: self, action: Selector("handleTap:"))
        tap.delegate = self
        tapView.userInteractionEnabled = true
        tapView.addGestureRecognizer(tap)
    }

    func handleTap(sender: UITapGestureRecognizer? = nil) {
        let tapAlert = UIAlertController(title: "hmmm...", message: "this actually worked?", preferredStyle: UIAlertControllerStyle.Alert)
        tapAlert.addAction(UIAlertAction(title: "OK", style: .Destructive, handler: nil))
        self.presentViewController(tapAlert, animated: true, completion: nil)
    }
}

私はSwift4でこれを1つのジェスチャーで単一ビューで一緒に追加して行いました

  1. uipinchgesturerecognizer ：ズームインしてビューをズームアウトします。
  2. uirotationgesturerecognizer ：ビューを回転させます。
  3. uipangesturerecognizer ：ビューをドラッグします。

ここで私のサンプルコード

class ViewController: UIViewController: UIGestureRecognizerDelegate{
      //your image view that outlet from storyboard or xibs file.
     @IBOutlet weak var imgView: UIImageView!
     // declare gesture recognizer
     var panRecognizer: UIPanGestureRecognizer?
     var pinchRecognizer: UIPinchGestureRecognizer?
     var rotateRecognizer: UIRotationGestureRecognizer?

     override func viewDidLoad() {
          super.viewDidLoad()
          // Create gesture with target self(viewcontroller) and handler function.  
          self.panRecognizer = UIPanGestureRecognizer(target: self, action: #selector(self.handlePan(recognizer:)))
          self.pinchRecognizer = UIPinchGestureRecognizer(target: self, action: #selector(self.handlePinch(recognizer:)))
          self.rotateRecognizer = UIRotationGestureRecognizer(target: self, action: #selector(self.handleRotate(recognizer:)))
          //delegate gesture with UIGestureRecognizerDelegate
          pinchRecognizer?.delegate = self
          rotateRecognizer?.delegate = self
          panRecognizer?.delegate = self
          // than add gesture to imgView
          self.imgView.addGestureRecognizer(panRecognizer!)
          self.imgView.addGestureRecognizer(pinchRecognizer!)
          self.imgView.addGestureRecognizer(rotateRecognizer!)
     }

     // handle UIPanGestureRecognizer 
     @objc func handlePan(recognizer: UIPanGestureRecognizer) {    
          let gview = recognizer.view
          if recognizer.state == .began || recognizer.state == .changed {
               let translation = recognizer.translation(in: gview?.superview)
               gview?.center = CGPoint(x: (gview?.center.x)! + translation.x, y: (gview?.center.y)! + translation.y)
               recognizer.setTranslation(CGPoint.zero, in: gview?.superview)
          }
     }

     // handle UIPinchGestureRecognizer 
     @objc func handlePinch(recognizer: UIPinchGestureRecognizer) {
          if recognizer.state == .began || recognizer.state == .changed {
               recognizer.view?.transform = (recognizer.view?.transform.scaledBy(x: recognizer.scale, y: recognizer.scale))!
               recognizer.scale = 1.0
         }
     }   

     // handle UIRotationGestureRecognizer 
     @objc func handleRotate(recognizer: UIRotationGestureRecognizer) {
          if recognizer.state == .began || recognizer.state == .changed {
               recognizer.view?.transform = (recognizer.view?.transform.rotated(by: recognizer.rotation))!
               recognizer.rotation = 0.0
           }
     }

     // mark sure you override this function to make gestures work together 
     func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
         return true
     }

}

どんな質問でも、コメントするだけで入力してください。ありがとうございました

Swift 3の例

override func viewDidLoad() {

         self.backgroundImageView.addGestureRecognizer(
             UITapGestureRecognizer.init(target: self, action:
                 #selector(didTapImageview(_:))
             )
         )
         self.backgroundImageView.isUserInteractionEnabled = true
     }

     func didTapImageview(_ sender: Any) {
          // do something
     }
}

必要に応じてジェスチャーレコングナイザーの代表者やその他の実装はありません。

また、タップジェスチャー認識者をストーリーボードの画像ビューにドラッグすることもできます。次に、ctrl+ドラッグによるアクションを作成します...

ブロック愛好家には使用できます AlactionBlocks ブロック内のジェスチャーのアクションを追加します

__weak ALViewController *wSelf = self;
imageView.userInteractionEnabled = YES;
UITapGestureRecognizer *gr = [[UITapGestureRecognizer alloc] initWithBlock:^(UITapGestureRecognizer *weakGR) {
    NSLog(@"pan %@", NSStringFromCGPoint([weakGR locationInView:wSelf.view]));
}];
[self.imageView addGestureRecognizer:gr];
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top