自作の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　です。

Accepted Answer

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

kotlin
1val adapter = object : ArrayAdapter<String>(this, R.layout.list_item, R.id.text1, items) {
2    private var selectedPosition = -1; // 初期状態では選択なし
3
4    override fun getView(position: Int, convertView: View?, parent: ViewGroup): View {
5        val itemView = super.getView(position, convertView, parent)
6
7        // 選択状態に応じて画像の変更
8        itemView.bt_hidari.setImageResource(if (position == selectedPosition) {
9            R.drawable.btseton
10        } else {
11            R.drawable.btsetoff
12        })
13
14        itemView.bt_migi.setOnClickListener { v ->
15            migiNoOtoBTN.onItemClick(
16                parent as AdapterView<*>?, v, position, getItemId(position)
17            )
18
19            // 選択位置の変更と各セルの更新
20            selectedPosition = position
21            notifyDataSetChanged()
22        }
23        return itemView
24    }
25}

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

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

Answer

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

関連した質問