UIButtonに設置した画像のハイライト時の色を変更する

Question

MainStoryBoard上にデフォルトの画像を設定したUIButtonを設置しています。

UIButtonに設置した画像のハイライト時の色を変更したいのですが、以下のコードで試してみると画像の下に設置しているbackgroundColorの画像だけが変更されてしまいます。

タップ時にハイライト画像の色を変更するプロパティーが必要であると思うのですが,ご存知の方いらっしゃれば教えて頂けばと思います。

self.yourButton.backgroundColor = UIColor.white

Answer 1

以下のURLが参考になると思います。
@IBInspectableを使っているのでStoryboardから設定できます。
[iOS][Swift]Storyboardでボタン背景色の設定がしたい

class CustomButton: UIButton {
    
    @IBInspectable var selectedBackgroundColor :UIColor?
    @IBInspectable var nonSelectedBackgroundColor :UIColor?
    
    override var isSelected :Bool {
        didSet {
            self.backgroundColor =  isSelected ? selectedBackgroundColor : nonSelectedBackgroundColor
        }
    }
}

// 選択した状態
button.isSelected = true

// 選択を解除した状態
button.isSelected = false

Comments

[takor]

ありがとうございます。@IBInspectableを使ってハイライト時の色を変更することができました。

差し支えなければ、もう一つお伺いさせて頂きたく思います。
前回の質問（https://teratail.com/questions/65282）のように、
audioPlayerDidFinishPlaying(_:successfully:)　を使用して、オーディオが再生されている間　UIButton　をハイライトの状態にし、オーディオ再生が終わるとデフォルトの値に戻るようにコードを書きたいと思います。
この場合ですと　UIButton　をハイライト状態にするためには　self.yourButton.backgroundColor = UIColor.green　をどのように書き換える必要があっるのでしょうか。

self.yourButton.backgroundColor = highlightedBackgroundColorのように記述するとエラーになってしまいます。

[_Kentarou]

それでしたらisSelectedを使用した方がよいのでそちらで回答を変更しました。

highlightedと一緒に使うと選択色にできなかったので消しましたが、やりたいことはこちらだと思います。

[takor]

ありがとうございます。ボタンの上にimageを設置しているので、SelectedBackgroundColorだとUIImageの下にあるUIButtonの色が変更されるだけになってしまいます。
highlightedなどでボタンの上に設置してあるimageの色を変更することはやはり無理でしょうか？

[_Kentarou]

highlightedでもselectedでも現状は変えているのがbackgroundColorなので見た目は同じになります。
※ 画像が透過されていない場合

> imageの色を変更することはやはり無理でしょうか？
この表現がわからないのですが、どのような状態を言っているのでしょうか?

選択時の画像が用意できればそれをselectedで切り替えればよいと思うのですが違うのでしょうか？

[takor]

ご回答頂きありがとうございました。選択時の画像を切り替えることで対応しようと思います。