Android自定義RadioGroupX實現(xiàn)多行多列布局
前言
今天在做新需求的時候，活動有多個類型可以選擇，UI給的設計圖為多行多列排版，且單項選擇，細細想來，谷歌并沒有為我們提供類似的控件，初步設想使用RecyclerView實現(xiàn)多行多列布局，然后再用代碼控制邏輯部分，總感覺不太穩(wěn)妥，又想到讓UI小姐姐重新設計一番？感覺也不太穩(wěn)妥，這樣UI小姐姐就會認為我菜，為了不讓別人覺得我菜，干脆自定義RadioGroupX實現(xiàn)多行多列布局。
思考
在工作中，面對一個功能，首先想到的是應該怎樣實現(xiàn)完成它，然后再考慮究竟怎樣實現(xiàn)才更優(yōu)雅。正如前面提到，實現(xiàn)這種需求是可以用多種姿勢完成，比如使用RecyclerView，或者使用ConstraintLayout裝有多個TextView的布局，用代碼控制選項邏輯，在思考一番后，總感覺太生硬，不太優(yōu)雅，代碼量多也許容易出bug。于是通過閱讀谷歌為我們提供的RadioGroup源碼得出一些靈感，閱讀源碼往往能使自己大徹大悟。比如在RadioGroup中為什么只支持單行多列或者多行單列布局，主要原因是因為RadioGroup extends LineLayout,所以導致了很多局限性。看到這里突然聯(lián)想到GridView支持多行多列布局，于是乎，模仿RadioGroup源碼自定義一個容器繼承GridView。
初識OnHierarchyChangeListener接口
OnHierarchyChangeListener接口位于ViewGroup java文件中，在日常工作中，幾乎不會用到，在developer官網(wǎng)文檔中給出了這樣的解釋：
工作中，我們對addView()和RemoveView()這兩個方法一定不陌生，其實我們在操作這兩個方法的時候就會觸發(fā)OnHierarchyChangeListener接口中的java void onChildViewAdded(View parent, View child)和java void onChildViewRemoved(View parent, View child);兩個方法回調(diào)，源碼中也給了詳細解釋。我們可以直接在源碼中閱讀注釋加以理解。
參照RadioGroup源碼定義內(nèi)部類
PassThroughHierarchyChangeListener
private inner class PassThroughHierarchyChangeListener :
OnHierarchyChangeListener {
private val mOnHierarchyChangeListener: OnHierarchyChangeListener? = null
@RequiresApi(Build.VERSION_CODES.JELLY_BEAN_MR1)
override fun onChildViewAdded(
parent: View,
child: View
) {
if (parent == this@MultiLineRadioGroup && child is RadioButton) {
var id = child.getId()
// generates an id if it's missing
if (id == View.NO_ID) {
id = View.generateViewId()
child.setId(id)
}
child.setOnCheckedChangeListener(
mChildOnCheckedChangeListener
)
}
mOnHierarchyChangeListener?.onChildViewAdded(parent, child)
}
/**
* {@inheritDoc}
*/
override fun onChildViewRemoved(parent: View, child: View) {
if (parent == this@MultiLineRadioGroup && child is RadioButton) {
child.setOnCheckedChangeListener(null)
}
mOnHierarchyChangeListener?.onChildViewRemoved(parent, child)
}
}
在上面重寫kotlin onChildViewAdded( parent: View, child: View )和kotlinonChildViewRemoved(parent: View, child: View)兩個方法，我們著重關注onChildViewAdded方法，當我們在容器中添加子控件時，有多少個子孩子該方法就會觸發(fā)多少次，我們在此動態(tài)設置子View的選中事件監(jiān)聽。
定義CheckedStateTracker實現(xiàn)
CompoundButton.OnCheckedChangeListener接口
private inner class CheckedStateTracker : CompoundButton.OnCheckedChangeListener {
override fun onCheckedChanged(
buttonView: CompoundButton,
isChecked: Boolean
) { // prevents from infinite recursion
if (mProtectFromCheckedChange) {
return
}
mProtectFromCheckedChange = true
if (mCheckedId != -1) {
setCheckedStateForView(mCheckedId, false)
}
mProtectFromCheckedChange = false
val id = buttonView.id
setCheckedId(id)
}
}
在onCheckedChanged方法中處理子View也就是RadioButton的選中與取消事件，通過以上兩個步驟，基本完成了，View選中事件監(jiān)聽和事件處理邏輯
RadioGroupX完整代碼
class RadioGroupX: GridLayout {
private var mProtectFromCheckedChange = false
var mCheckedId = -1
private val mChildOnCheckedChangeListener: CompoundButton.OnCheckedChangeListener = CheckedStateTracker()
private val mPassThroughListener: PassThroughHierarchyChangeListener = PassThroughHierarchyChangeListener()
private var mOnCheckedChangeListener: OnCheckedChangeListener? = null
constructor(context: Context?): this(context, null)
constructor(context: Context?, attrs: AttributeSet?): this(context, attrs, 0)
constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int): super(context, attrs, defStyleAttr)
init {
super.setOnHierarchyChangeListener(mPassThroughListener)
}
override fun addView(child: View?, index: Int, params: ViewGroup.LayoutParams?) {
if (child is RadioButton) {
if (child.isChecked) {
mProtectFromCheckedChange = true
if (mCheckedId != -1) {
setCheckedStateForView(mCheckedId, false)
}
mProtectFromCheckedChange = false
setCheckedId(child.id)
}
}
super.addView(child, index, params)
}
fun check(@IdRes id: Int) { // don't even bother
if (id != -1 && id == mCheckedId) {
return
}
if (mCheckedId != -1) {
setCheckedStateForView(mCheckedId, false)
}
if (id != -1) {
setCheckedStateForView(id, true)
}
setCheckedId(id)
}
private fun setCheckedId(@IdRes id: Int) {
val changed = id != mCheckedId
mCheckedId = id
mOnCheckedChangeListener?.onCheckedChanged(this, mCheckedId)
// if (changed) {
// val afm: AutofillManager = mContext.getSystemService(
// AutofillManager::class.java
// )
// afm?.notifyValueChanged(this)
// }
}
private fun setCheckedStateForView(viewId: Int, checked: Boolean) {
val checkedView = findViewById<View>(viewId)
if (checkedView != null && checkedView is RadioButton) {
checkedView.isChecked = checked
}
}
private inner class CheckedStateTracker : CompoundButton.OnCheckedChangeListener {
override fun onCheckedChanged(
buttonView: CompoundButton,
isChecked: Boolean
) { // prevents from infinite recursion
if (mProtectFromCheckedChange) {
return
}
mProtectFromCheckedChange = true
if (mCheckedId != -1) {
setCheckedStateForView(mCheckedId, false)
}
mProtectFromCheckedChange = false
val id = buttonView.id
setCheckedId(id)
}
}
fun setOnCheckedChangeListener(listener: OnCheckedChangeListener) {
mOnCheckedChangeListener = listener
}
interface OnCheckedChangeListener {
fun onCheckedChanged(group: RadioGroupX?, @IdRes checkedId: Int)
}
private inner class PassThroughHierarchyChangeListener :
OnHierarchyChangeListener {
private val mOnHierarchyChangeListener: OnHierarchyChangeListener? = null
@RequiresApi(Build.VERSION_CODES.JELLY_BEAN_MR1)
override fun onChildViewAdded(
parent: View,
child: View
) {
if (parent == this@RadioGroupX && child is RadioButton) {
var id = child.getId()
// generates an id if it's missing
if (id == View.NO_ID) {
id = View.generateViewId()
child.setId(id)
}
child.setOnCheckedChangeListener(
mChildOnCheckedChangeListener
)
}
mOnHierarchyChangeListener?.onChildViewAdded(parent, child)
}
/**
* {@inheritDoc}
*/
override fun onChildViewRemoved(parent: View, child: View) {
if (parent == this@RadioGroupX && child is RadioButton) {
child.setOnCheckedChangeListener(null)
}
mOnHierarchyChangeListener?.onChildViewRemoved(parent, child)
}
}
}
xml中使用
<com.example.multilineradiogroupdemo.RadioGroupX
android:layout_width="match_parent"
android:columnCount="3"
android:layout_height="wrap_content"
app:layout_constraintTop_toBottomOf="@id/line">
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="數(shù)學" />
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="語文" />
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="地理" />
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="生物" />
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="計算機" />
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="化學" />
</com.example.multilineradiogroupdemo.RadioGroupX>
activity事件處理部分和使用RadioGroup原理一樣，照搬即可。
總結
通過上面短短幾步，我們基本完成了需求中的排版問題，如果不閱讀借鑒源碼中的思路，我想我是很難寫出來，至少不會在很短時間就完成需求設計，所以工作我應該做到更多的閱讀源碼，了解源碼中的設計思路和思想，這樣自己才能有所提高。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
Flutter彈性布局Flex水平排列Row垂直排列Column使用示例
這篇文章主要為大家介紹了Flutter彈性布局Flex水平排列Row垂直排列Column使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
Android 開發(fā)之旅：詳解view的幾種布局方式及實踐
這篇文章主要介紹了Android 開發(fā)之旅：詳解view的幾種布局方式及實踐，具有一定的參考價值，有需要的可以了解一下。2016-12-12
這篇文章要分享的是Android中各種Time API， SystemClock.uptimeMillis()、System.nanoTime()，下面我們就來看看他們到底有什么區(qū)別吧2021-10-10
這篇文章主要給大家介紹了關于Android如何實現(xiàn)超級棒的沉浸式體驗的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Android具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-11-11
Android編程監(jiān)聽APK安裝與刪除等過程的方法
這篇文章主要介紹了Android編程監(jiān)聽APK安裝與刪除等過程的方法,涉及Android事件監(jiān)聽、權限控制、廣播操作等相關實現(xiàn)技巧,需要的朋友可以參考下2017-10-10
這篇文章主要為大家詳細介紹了Android繪制簡單條形圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
在?App?開發(fā)中，經(jīng)常會遇到處理異步任務的場景，如網(wǎng)絡請求、讀寫文件等。本文主要和大家介紹一下Flutter異步編程的相關知識，希望對大家有所幫助2023-04-04
Android測量每秒幀數(shù)Frames Per Second (FPS)的方法
這篇文章主要介紹了Android測量每秒幀數(shù)Frames Per Second (FPS)的方法,涉及Android針對多媒體文件屬性操作的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
Android檢測Activity或者Service是否運行的方法
下面小編就為大家分享一篇Android檢測Activity或者Service是否運行的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
Android 支付寶支付、微信支付、銀聯(lián)支付 整合第三方支付接入方法(后臺訂單支付API設計)
這篇文章主要介紹了Android 支付寶支付、微信支付、銀聯(lián)支付 整合第三方支付接入方法(后臺訂單支付API設計)的相關資料,需要的朋友可以參考下2016-11-11