android 多行排列,Android 可以多行多列的单选列表——MultiLineRadioGroup

项目需要用到一个多行多列的单选列表，用RadioGroup组合或者Recyclerview、GridLayout单独实现的话很是麻烦，所以就自己根据RadioGroup和GridLayout的特性搬了一个。。。怎么说是搬呢？其实MultiLineRadioGroup继承于GridLayout，但是里面实现的代码都是照搬RadioGroup的。

先来张效果图：

111.gif

使用示例：

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity">

android:id="@+id/rgTest"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:columnCount="4"

android:orientation="horizontal"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintTop_toTopOf="parent"

app:layout_constraintRight_toRightOf="parent"

app:layout_constraintBottom_toBottomOf="parent">

android:id="@+id/rbTest1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:text="@string/text_01"/>

android:id="@+id/rbTest2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:text="@string/text_02"/>

android:id="@+id/rbTest3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:text="@string/text_03"/>

android:id="@+id/rbTest4"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:text="@string/text_04"/>

android:id="@+id/rbTest5"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:text="@string/text_05"/>

android:id="@+id/rbTest6"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:text="@string/text_06"/>

android:id="@+id/rbTest7"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:text="@string/text_07"/>

android:id="@+id/rbTest8"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:text="@string/text_08"/>

android:id="@+id/rbTest9"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:text="@string/text_09"/>

android:id="@+id/rbTest10"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:text="@string/text_10"/>

android:id="@+id/rbTest11"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:text="@string/text_11"/>

android:id="@+id/rbTest12"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:text="@string/text_12"/>

android:id="@+id/rbTest13"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:text="@string/text_13"/>

android:id="@+id/rbTest14"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:text="@string/text_14"/>

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

rgTest.setOnCheckedChangeListener(object: MultiLineRadioGroup.OnCheckedChangeListener{

override fun onCheckedChanged(group: MultiLineRadioGroup?, checkedId: Int) {

val message = when (checkedId) {

R.id.rbTest1 -> "01"

R.id.rbTest2 -> "02"

R.id.rbTest3 -> "03"

R.id.rbTest4 -> "04"

R.id.rbTest5 -> "05"

R.id.rbTest6 -> "06"

R.id.rbTest7 -> "07"

R.id.rbTest8 -> "08"

R.id.rbTest9 -> "09"

R.id.rbTest10 -> "10"

R.id.rbTest11 -> "11"

R.id.rbTest12 -> "12"

R.id.rbTest13 -> "13"

else -> "14"

}

showToast("选中$message")

}

})

}

private var toast: Toast? = null

private fun showToast(message: String) {

toast?.cancel()

toast = Toast.makeText(this, message, Toast.LENGTH_SHORT)

toast?.show()

}

}