Я пытаюсь создать кнопку с чистым фоном и UIVisualEffectView за прозрачным изображением на кнопке. myButton.imageView.image имеет набор изображений (myPNGWithTransparentBackground).

Я думал, что это будет довольно просто, но оказалось, что это сложнее, чем я предполагал ... вот что я попробовал:

let frost = UIVisualEffectView(effect: UIBlurEffect(style: .light))
frost.frame = button.bounds
frost.autoresizingMask = [.flexibleWidth, .flexibleHeight]
// button.insertSubview(frost, at: 0)
// button.insertSubview(frost, at: button.subviews.startIndex)
// button.insertSubview(frost, at: button.subviews.endIndex)
// button.imageView?.insertSubview(frost, at: (button.imageView?.subviews.endIndex)!)
button.imageView?.insertSubview(frost, at: (button.imageView?.subviews.startIndex)!)

Независимо от того, куда я положил insertSubview, он всегда заканчивается перед изображением UIButton imageView.image.

enter image description here

< Сильный > Обновление

Вот репозиторий Git из того, что я пробовал. Подкласс называется «FrostyButton».

0
Adrian 4 Апр 2017 в 19:10

2 ответа

Лучший ответ

Посмотрев демонстрационный проект, похоже, что вам нужно добавить imageView поверх изображения UIButton. Вот мой скорректированный код - не стесняйтесь очищать его по мере необходимости!

private var imageView2 = UIImageView()  // declared globally

private func makeItFrosty() {
    let frost = UIVisualEffectView(effect: UIBlurEffect(style: .light))
    frost.frame = self.bounds
    frost.autoresizingMask = [.flexibleWidth, .flexibleHeight]
    if let imageView = imageView {
        imageView.addSubview(frost)
        // these three lines basically 'clone' the existing imageView and adds it on top of the 'frost' view
        imageView2.image = imageView.image
        imageView2.frame = imageView.frame
        self.addSubview(imageView2)
    }
}

Я не слишком удивлен, что вам нужно сделать что-то подобное - изображение UIButton, вероятно, глубоко внедрено, чтобы «вывести на передний план».

1
dfd 4 Апр 2017 в 23:05

Не уверен, в чем проблема, но я заставил свой собственный класс кнопок работать ... Я пытался сопоставить кнопки с некоторыми ванильными UIViews, и настройка альфа на фоне UIView не обрезала его. Вот класс, который я придумал.

В итоге я положил UIVisualEffectView в UIView, который я вставил в кнопку. isEnabled переключает между видимым и невидимым. Я использую это в классе, который имеет несколько кнопок, только одна из которых работает одновременно.

import UIKit

@IBDesignable class FrostyButton: UIButton {

    @IBInspectable override var isEnabled: Bool {
        didSet {
            if isEnabled {
                self.visualEffectContainer.alpha = 1.0
            }
            else {
                let animator = UIViewPropertyAnimator(duration: 0.5, curve: .linear, animations: {
                    self.visualEffectContainer.alpha = 0.0
                })
                animator.startAnimation()
            }
        }
    }

    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }

        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }

    private let visualEffectContainer = UIView()

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        self.backgroundColor = .clear
        makeItFrosty()
    }

    override init(frame: CGRect) {
        super.init(frame: frame)
    }

    override func prepareForInterfaceBuilder() {
        super.prepareForInterfaceBuilder()
    }

    private func makeItFrosty() {

        let effectView = UIVisualEffectView(effect: UIBlurEffect(style: .light))
        effectView.frame = self.bounds
        effectView.clipsToBounds = true
        effectView.autoresizingMask = [.flexibleWidth, .flexibleHeight]

        visualEffectContainer.frame = self.bounds
        visualEffectContainer.clipsToBounds = true
        visualEffectContainer.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        visualEffectContainer.addSubview(effectView)
        visualEffectContainer.isUserInteractionEnabled = false
        if imageView != nil {
            self.insertSubview(visualEffectContainer, at: 0)
        }
    }
}
1
Adrian 5 Апр 2017 в 22:24