Как создать программно Hexagon UIButton или Clickable ImageView с помощью Swift

Я хочу программно создавать Hexagon UIButtons с помощью Swift. У меня есть шестиугольные изображения, как вы можете видеть зеленую картинку. Края прозрачны, поэтому вы не должны нажимать на эти области. При использовании UIButton по умолчанию с параметром «Пользовательский» эти области по-прежнему доступны для кликов. введите здесь описание изображения

Затем добавьте их, как показано ниже, в UIScrollView. Главное, что когда пользователь нажимает одну кнопку, я должен получить правильный идентификатор кнопки.

Пример

Итак, можете ли вы помочь мне с созданием шестиугольной кнопки UIButton или интерактивным изображением? Спасибо.


swift uibutton uiscrollview hexagonal-tiles clickable-image
person fatihyildizhan    schedule 01.02.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вы можете расширить класс 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
        }
    }
}
person rakeshbs    schedule 01.02.2015