1

Swift を使用して Hexagon UIButtons をプログラムで作成したいと考えています。緑色の写真が見えるように、六角形の画像があります。エッジは透明なので、その領域をクリックしないでください。「カスタム」オプションでデフォルトの UIButton を使用することにより、これらの領域は引き続きクリック可能です。 ここに画像の説明を入力

次に、下の画像のように UIScrollView に追加します。主なことは、ユーザーが 1 つのボタンをクリックすると、正しいボタンの ID を取得する必要があるということです。

例

では、六角形の UIButton またはクリック可能なイメージ ビューの作成を手伝ってもらえますか? ありがとう。

4

1 に答える 1

2

UIButton クラスを拡張して、画像の透明な部分でタッチ イベントを検出しないようにすることができます。

タッチポイントで画像のアルファ成分を検出します。

アルファ コンポーネントが 0 の場合、ヒット テストは失敗します。
アルファがゼロでない場合、ヒット テストは成功します。
タッチがボタンの境界外にある場合も、ヒット テストは失敗します。

extension UIButton {

    func getColourFromPoint(point:CGPoint) -> UIColor {
            let colorSpace:CGColorSpace = CGColorSpaceCreateDeviceRGB()
            let bitmapInfo = CGBitmapInfo(CGImageAlphaInfo.PremultipliedLast.rawValue)

            var pixelData:[UInt8] = [0, 0, 0, 0]

            let context = CGBitmapContextCreate(&pixelData, 1, 1, 8, 4, colorSpace, bitmapInfo)
            CGContextTranslateCTM(context, -point.x, -point.y);
            self.layer.renderInContext(context)

            var red:CGFloat = CGFloat(pixelData[0])/CGFloat(255.0)
            var green:CGFloat = CGFloat(pixelData[1])/CGFloat(255.0)
            var blue:CGFloat = CGFloat(pixelData[2])/CGFloat(255.0)
            var alpha:CGFloat = CGFloat(pixelData[3])/CGFloat(255.0)

            var color:UIColor = UIColor(red: red, green: green, blue: blue, alpha: alpha)
            return color
    }

    public override func hitTest(point: CGPoint, withEvent event: UIEvent?) -> UIView? {
        if (!CGRectContainsPoint(self.bounds, point)) {
            return nil
        }
        else {
            let color : UIColor = self.getColourFromPoint(point)
            let alpha = CGColorGetAlpha(color.CGColor);
            if alpha <= 0.0 {
                return nil
            }
            return self
        }
    }
}
于 2015-02-01T04:45:01.160 に答える