[Android]FloatingActionButtonを押してもアイコン画像が変わらない場合の対処法

浮いたボタンパーツである「FloatingActionButton(FAB)」はImageViewの子供で、setImageResourceメソッドが使えるので

例えば、こんな感じで、FABをクリックしたら画像を切り替えることができるはずなのですが、

if (isSoundEnabled!!) {
    floatingActionButton.setImageResource(R.drawable.ic_volume_up_black_24dp)
} else {
    floatingActionButton.setImageResource(R.drawable.ic_volume_off_black_24dp)
}

なぜか、こんな感じで画像が切り替わってくれない(FloatingActionButton#setImageResourceが効いてくれない)場合があります。

 

FABを一旦消して(hide)再表示させる(show)とうまくいくらしい

公式ドキュメントで記述が見つけられなかったので、このサイトを参考にさせて頂きました。

 

おそらくバグではないかとのことですが、解決策としては、表示されているFloatingActionButton(FAB)を一旦消して、再表示させると画像がちゃんと表示されるようになる(setImageResourceメソッドが効く)ようになるそうです。

if (isSoundEnabled!!) {
    floatingActionButton.apply{
        hide()  ← 一旦消して(隠して)
        setImageResource(R.drawable.ic_volume_up_black_24dp) ← 画像をセットしてから
        show() ← 再表示させる
    }
} else {
    floatingActionButton.apply{
        hide()
        setImageResource(R.drawable.ic_volume_off_black_24dp)
        show()
    }
}

 

こんな感じで。

(詳しくは下の動画で解説していますので、よろしければご覧ください)

アバター

北川 博之(きーぼー)

みんなのプログラミング by Telulu LLC代表 大阪府生まれ。京都大学経済学部経済学科卒業。 2000年より、日本生命保険、ニッセイアセットマネジメント、パトナム・インベストメンツ(米国)で、日本株トレーダー・アナリスト、経営企画、システム開発等の業務に従事。主に日本株の売買執行・投資分析、経営計画の策定、海外投資家向け日本株営業、社内トレーディングシステム及び経理システムの開発等を行う。 2016年、合同会社てるる設立。スマホアプリプログラマーとして「新感覚脳トレアプリ・記憶戦隊オボエルンジャー」「Meisoー1番シンプルなマインドフルネス瞑想アプリ」をはじめとした、メンタルヘルス・知育系アプリを中心に4タイトル・計8本(Android・iOS)をリリース。 2017年、自身のこれまでの社会人経験・プログラミング経験・子育て経験を基に、プログラミングを通じて人々の人生を豊かにして、未来に希望の持てる明るい社会の実現に貢献したいとの想いから、プログラミング完全初心者と挫折経験のある人を支援する「プログラミング挫折撲滅プロジェクト・みんなのプログラミング by Telulu LLC」を設立し、プログラミングサポーター活動と心理カウンセリング活動を開始。これまでに3,000名を超える方のプログラミング挫折撲滅をサポート。

こんな記事も読まれています

みんプロにかける想い

  1. プログラミングを通じて「やわらかい世の中」を作りたい(ぼくがプログラミング講座をやっている本当の理由②)

  2. プログラミングはみんなのもの!(プログラミングの醍醐味である「楽しさ」を伝えたい)

  3. トランプ政権2期目に起こるIT業界激震予想(前編:スマホの世界の構造問題に荒療治が行われる可能性)

  4. トランプ政権2期目に起こるIT業界激震予想(後編:ブロックチェーンによるインターネットの再民主化が行われる可能性)

  5. こんな無駄な苦労をするのはぼくで最後にしたい(ぼくがプログラミング講座をはじめたわけ)

みんプロ作成アプリ




みんプロ代表の黒歴史


TOP