UIButtonにセットされた画像をコードで変更する方法

Question

UIButtonにセットされた画像をコードで変更する方法を教えてください

現在、UIButtonにこのようなXcodeに最初から用意されている(system)ハートの画像を設定しています。

このボタンが押された時に、現在設定している"heart"から,
同じくXcodeに最初から用意されている(system)"heart.fill"に画像を変更したいのですが、やり方を教えていただきたいです。

試したコード

@IBAction func iineButtonTapped(_ sender: IineButton) {
        
        let good = UIImage(named: "heart.fill")
        
        sender.setImage(good, for: .normal)
        
    }

このようにボタンが押された時にsetImage()メソッドを使って画像を変更しましたが、シュミレーターで試しても画像が挿し変わりませんでした。

**どのようなコードを書けば画像が挿し変わるでしょうか？
**
イメージとしては、SNSのいいねボタンのようなものです。
よろしくお願いいたします。

Answer 1

ボタンタイプを変更してみてください。

とりあえず、書き方が違うんだけど、

let good = UIImage(systemName: "heart.fill")

用意されているプロパティを使って、

//ボタンの初期設定時にイメージを設定しておいて
let good = UIImage(systemName: "heart")
let good_selected UIImage(systemName: "heart.fill")
btn.setImage(good, for: .normal)
btn.setImage(good_selected, for: .selected)


// タップされた際に

@IBAction func iineButtonTapped(_ sender: UIButton) {

        sender.isSelected.toggle()



}

とかやるのがいいのかな。

Comments

[dddd12233]

ボタン対応をSystemからCustomに変更してシュミレーターで試しましたが、押したらボタンが消えてしまいました。

このやり方では違いますか？

リンク先も読みました。

[退会済みユーザー]

いい加減なことを書いてしまったので、回答書き直したんですけど、
isSelectedを変えるだけだと、highlightedが間に挟まってチカチカするんでこれだけだと差し替えのほうが自然に見えますね。
細かい制御をしたくないなら、あんまりおすすめできないかなと思います。

Answer 2

わざわざsetImageしなおさなくとも、stateを変えればよいのでは？

class ViewController: UIViewController {
    @IBOutlet weak var iineButton: UIButton!

    override func viewDidLoad() {
        super.viewDidLoad()
        self.iineButton.setImage(UIImage(systemName: "heart"), for: .normal);
        self.iineButton.setImage(UIImage(systemName: "heart.fill"), for: .selected)
    }

    @IBAction func iineButtonTapped(_ sender: UIButton) {
        sender.isSelected = !sender.isSelected;
    }
}

Comments

[thyda.eiqau]

かぶっちゃった

[退会済みユーザー]

あ、フォローありがとうございます。

[dddd12233]

みなさま、ご教唆ありがとうございます。

ひとまず
let good = UIImage(named: "heart.fill")
を
let good = UIImage(systemName: "heart.fill")
に変えたところ、[fix]が出たので直しました。

するとクラス宣言の直前に
@available(iOS 13.0, *)
という文言が追加されてエラーが消えました。

シュミレータで試したところ、ボタンの投下で画像が挿し変わりました。

このやり方でも問題ないのでしょうか？
それともお二人のご教唆の通り、.isSelectedを使った方が良いのでしょうか？

[thyda.eiqau]

if(@available(iOS 13.0, *)) { ... } は、アプリを動かそうとする端末 (iPhone, iPad, iPod touch) がiOS13.0以降のときのみ、 { ... } の中を実行する、という構文です。
UIImage(systemName:) はiOS13で追加された機能なので、iOS13未満の端末が UIImage(systemName:) に触れないように守ってくれています。

もビルド対象は13.0以降だけなのであれば、Deployment Targetを変更してください。