画像の任意形状部分のタップ検知。マスク画像からタップ判定したい。

Question

UIImageViewに画像を表示して、そのうち適当な部分をタップするとその区域に対応するボタンを押したような処理をしたいです。

具体的には、表示する画像と同サイズの画像で単色で塗りつぶしたタップ検知用画像をバックグラウンドに用意します。タップした位置をタップ検知用の画像に照らし合わせて、その単色の色を取得することで判別したいです。

以上の内容をSwiftで実装する場合、どのようにすればよいでしょうか。

Answer 1

swiftはよくわかりませんが、タップ検知用に何らかのUIオブジェクトを配置できるのであれば、透明なUIButtonを配置して、アクションを設定すれば良いのでは？

普通は、タップ検知するビューにUITapGestureRecoginizerを割り当てて、タップイベントの詳細を取得しますが。

Comments

[taratail]

ボタンを多角形や円形など任意の形状にしたいです。UIButtonだと細かい多角形や円形などの任意の形状を持つ図形にならないのではないかと考えています（勉強不足だったらすみません）。
UITapGestureRecognizerでタップされた座標を受け取ったとして、それが任意の形状の範囲内にあるかを調べるとき、各ボタンに対して数値で範囲を知るのが自分には難しく、うまいやり方が分かりませんでした。なので表示されている画像の他にタップされたボタンを知るために色分けされた画像を用意し、タップされた座標からどの色分けのボタンかを取得しようと考えていました。

[rifuch]

なるほど、よくわかりました。

タップイベントを取得するUIViewにUITapGestureRecognizerでタップ座標を取得し、背景画像の座標上のピクセルのアルファ値を調べて判定する方法で良いと思います。

ここが参考になるかと。
http://blog.ch3cooh.jp/entry/20140211/1392107886

サンプルはObejctive-Cですが、思っていることは十分可能かと思います。

[taratail]

なるほど、hitTestというものがあるのですね。初めて知りました。リンクを拝見して、指定した座標のアルファ値を調べれば良いことの納得がいきました。ありがとうございました。