自作のlistviewで画像によるラジオボタン的動作を行う方法

Question

自作のlistviewのOFFボタンを押したらONに切り替わり、他の画像は全部OFFになるというラジオボタンを考えています。
kiokuNumに１度目に押したボタンを覚えさせ、新たなOFFボタンクリックしOFF→ONになったら、前のボタンがON→OFFに切り替わるというものです。
が、やり方は思いつけどその先がわからずツマッています。お教えいただけたら幸いです

var items = arrayListOf<String>("セリフ１","セリフ２","セリフ３")
var kiokuNum=0
//クリックリスナー
val migiNoOtoBTN = AdapterView.OnItemClickListener { adapterView,view,position,id ->
Toast.makeText(applicationContext, "右のONOFF：${id}", Toast.LENGTH_SHORT).show()
}
val adapter = object : ArrayAdapter<String>(this, R.layout.list_item, R.id.text1, items) {
    override fun getView(position: Int, convertView: View?, parent: ViewGroup): View {
        val itemView = super.getView(position, convertView, parent)
            //クリックリスナー
        itemView.bt_migi.setOnClickListener { v ->
            migiNoOtoBTN.onItemClick(
                parent as AdapterView<*>?, v, position, getItemId(position)
            )
            kiokuNum=position
            itemView.bt_hidari.setImageResource(R.drawable.btseton)
            }
        return itemView
        }
}
listView.adapter=adapter

画像上のOFFボタンのリソースは R.drawable.btsetoffで、
変えたいONボタンはR.drawable.btsetonです。

作業はAndroidStudio3.5、 kotlin　です。

Comments

[dodox86]

・お手数ですが、コードのインデントを直してください。（回答者、その他閲覧者に見づらいです）
・R.drawable.btseton の画像がボタン"ON"の画像ですか？ OFFの画像のリソースIDは？

[chirunote]

・申し訳ありませんでした。インデントを対応しました。
・画像上のOFFボタンのリソースは R.drawable.btsetoffで、変えたいONボタンはR.drawable.btseton　です。

[dodox86]

「ラジオボタン」と書かれていますが、AndroidにはRadioButtonと言う独立したコントロールが既にありますので、ListViewを使って、ラジオボタン的な動作をするものを作りたいということで合っていますでしょうか。

[chirunote]

そのとおりですね。タイトルを変えておきます

Answer 1

getViewメソッドの中で選択状態に応じた画像の設定を行い、選択位置の変更時にはnotifyDataSetChangedメソッドを呼び出すことでご要望の挙動が実現できると思います。

val adapter = object : ArrayAdapter<String>(this, R.layout.list_item, R.id.text1, items) {
    private var selectedPosition = -1; // 初期状態では選択なし

    override fun getView(position: Int, convertView: View?, parent: ViewGroup): View {
        val itemView = super.getView(position, convertView, parent)

        // 選択状態に応じて画像の変更
        itemView.bt_hidari.setImageResource(if (position == selectedPosition) {
            R.drawable.btseton
        } else {
            R.drawable.btsetoff
        })

        itemView.bt_migi.setOnClickListener { v ->
            migiNoOtoBTN.onItemClick(
                parent as AdapterView<*>?, v, position, getItemId(position)
            )

            // 選択位置の変更と各セルの更新
            selectedPosition = position
            notifyDataSetChanged()
        }
        return itemView
    }
}

また、選択時/非選択時の画像はselector形式のdrawableリソースで宣言しておくと、プログラム側からはView#setSelectedの呼び出しのみで画像の切り替えができるので便利です。

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item
    android:state_selected="true"
    android:drawable="@drawable/btseton" />
  <item
    android:drawable="@drawable/btsetoff" />
</selector>

Comments

[chirunote]

notifyDataSetChanged()で全切り替えが起きたら上からval itemViewからコードが流れて絵が切り替わるというわけですね。前回に引き続きありがとうございます。そしてもう少しメソッド覚えます・・・知らずにどんなにコード眺めても進まないはずですね・・・

Answer 2

ボタンが押されたら、それぞれのボタンの状態に合わせて画像をすり替えるだけですが、なにがわからないんでしょう

Comments

[chirunote]

ありがとうございます。クリックした画像のIDはわかるのですが、kiokuNumで覚えさせた行番号の画像を切り替える指定方法がわかりません。
migiNoOtoBTN.onItemClick(
parent as AdapterView<*>?, v, position, getItemId(position)
)
itemView.bt_migi.setImageResource(R.drawable.btseton)
listView.(kiokuNumで覚えさせたID).bt_migi.setImageResource(R.drawable.btsetoff)
kiokuNum=position
}
こんな風にできたらよいのですが・・・

[y_waiwai]

クリックされたとこだけ変えるんじゃなくて、全部のボタンの画像変えないといけないでしょうし、そのほうが簡単でしょうね

[chirunote]

ありがとうございます。たぶんfor構文で入れなおした後で押した個所だけ
itemView.bt_hidari.setImageResource(R.drawable.btseton)
を入れればよいかと思うのですが、IDはlistView.bt_migi以外にわからないためどうしたらよいかわからない状態です