Как исправить поведение изображения кнопки в зависимости от положения пальца? ⇐ IOS

[Anonymous]

У меня есть кнопка и действие. У меня также есть изображение кнопки в обычном состоянии и при ее нажатии. Это изображения в формате .svg. Моя кнопка предназначена для отключения/включения звука. Итак, у меня есть два изображения с динамиком и с перечеркнутым динамиком. А если я нажму на кнопку, то изображение должно измениться. Все работает нормально. Изображение меняется при нажатии и действие работает нормально. Но проблема в том, что если я нажму кнопку, но не уберу палец с экрана, а выведу его за пределы области кнопки, то у меня изображение изменится на перечеркнутый динамик, а если я потом уберу палец с экрана за пределами области кнопок, то в итоге получу, что изображение поменяется на перечеркнутый динамик, но действие не будет выполнено и звук продолжит играть. Если переместить палец за пределы области кнопки, а затем обратно в ее область, изображение изменится. Как это исправить?
класс контроллера
class ViewController: UIViewController {
var button: SomeButtonWithImage = {
let button = SomeButtonWithImage()
button.translatesAutoresizingMaskIntoConstraints = false
return button
}()

override func viewDidLoad() {
super.viewDidLoad()

button = SomeButtonWithImage()
button.normalImage = "mute"
button.selectedImage = "unmute"
button.tag = index
button.widthAnchor.constraint(equalToConstant: controlButtonsHeight).isActive = true
button.heightAnchor.constraint(equalToConstant: controlButtonsHeight).isActive = true
button.addTarget(self, action: #selector(self.rightButtonAction), for: .touchUpInside)
rightStackView.addArrangedSubview(button)
}
}

класс кнопки
class SomeButtonWithImage: UIButton {

var buttonSelectedScale: CGFloat = 0.9
var buttonScaleDownDuration: TimeInterval = 0.15
var buttonScaleUpDuration: TimeInterval = 0.25
public var normalImage: String = ""
public var selectedImage: String = ""

override var isHighlighted: Bool {
didSet { if oldValue == false && isHighlighted { selected() }
else if oldValue == true && !isHighlighted { deselected() }
}
}

override init(frame: CGRect) {
super.init(frame: frame)
configuration = .plain()
configuration?.baseBackgroundColor = .clear
configurationUpdateHandler = { button in
switch button.state {
case .normal: button.configuration?.image = UIImage(named: self.normalImage)
case .selected: button.configuration?.image = UIImage(named: self.selectedImage)
default: break
}
}
}

required init?(coder: NSCoder) { fatalError("error") }

func selected() { animateScale(to: buttonSelectedScale, duration: buttonScaleDownDuration) }
func deselected() { animateScale(to: 1, duration: buttonScaleUpDuration); isSelected.toggle() }

private func animateScale(to scale: CGFloat, duration: TimeInterval) {
UIView.animate( withDuration: duration, delay: 0, usingSpringWithDamping: 0.5, initialSpringVelocity: 0.5, options: [], animations: {
self.transform = .init(scaleX: scale, y: scale)
}, completion: nil)
}

}


Подробнее здесь: https://stackoverflow.com/questions/793 ... of-the-fin