需求描述
在一个RadioGroup中,在切换选中项之前,需要用户确认是否切换,用户确认之后,切换之后再进行切换。
问题分析
在常规的RadioGroup中,当一个RadioButton被点击时是会立即被选中的,无法先拦截点到点击事件。
解决办法
这里我自定义一个ManualRadioGroup,继承RadioGroup,修改它的事件分发,以达到拦截点击事件,手动控制选中切换的目的。
关键点:
1.手指落在RadioButton上拦截事件,自定义处理,手指落在其他位置,由父类处理
2.手指抬起时,判断手指是否移动过,没有移动过则认为点击了RadioButton
直接上代码:
/**
* 拦截了RadioButton点击事件的RadioGroup
* 如果要选中RadioButton,请使用{@link #setOnChildRadioButtonClickedListener(OnChildRadioButtonClickedListener)},手动选中
*/
public class ManualRadioGroup extends RadioGroup {
/**
* 手指落下的位置所在的子view
*/
View v = null;
/**
* 同一个事件序列中,经历过ACTION_MOVE则为true
*/
private boolean moved;
public ManualRadioGroup(Context context) {
super(context);
}
public ManualRadioGroup(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
if (ev.getAction() == MotionEvent.ACTION_DOWN) {
v = findViewByXY(ev.getX(), ev.getY());
if (v != null && v instanceof RadioButton) {
/**如果手指落下的位置刚好在一个RadioButton上,就直接丢到自己的{@link #onTouchEvent(MotionEvent)}方法处理*/
return true;
}
}
return super.onInterceptTouchEvent(ev);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
moved = false;
//消费事件
return true;
case MotionEvent.ACTION_UP:
if (!moved) {
if (listener != null) {
if (getCheckedRadioButtonId() == -1) {
listener.onRadioButtonClickedWhenCheckedNone((RadioButton) v);
} else if (getCheckedRadioButtonId() == v.getId()) {
listener.onRadioButtonCheckedClicked((RadioButton) v);
} else {
listener.onRadioButtonDifferentFromCheckedClicked(
(RadioButton) v,
(RadioButton) findViewById(getCheckedRadioButtonId()));
}
}
//没有移动过,消费事件
return true;
} else {
//移动过,交给父类处理
return super.onTouchEvent(event);
}
case MotionEvent.ACTION_MOVE:
moved = true;
//移动过,交给父类处理
return super.onTouchEvent(event);
}
//其他事件,交给父类处理
return super.onTouchEvent(event);
}
private View findViewByXY(float x, float y) {
View v = null;
for (int i = 0; i < getChildCount(); i++) {
View child = getChildAt(i);
Rect rect = new Rect(child.getLeft(), child.getTop(), child.getRight(), child.getBottom());
if (!rect.contains((int) x, (int) y)) {
continue;
}
v = child;
break;
}
return v;
}
private OnChildRadioButtonClickedListener listener;
public interface OnChildRadioButtonClickedListener {
/**
* 没有按钮被选中时,被点击了
*
* @param button 被点击的按钮
*/
void onRadioButtonClickedWhenCheckedNone(RadioButton button);
/**
* 已选中的RadioButton被点击了
*
* @param button 被点击的按钮
*/
void onRadioButtonCheckedClicked(RadioButton button);
/**
* 非选中的RadioButton被点击了
*
* @param clickedRadioButton 被点击的按钮
* @param checkedRadioButton 已经选中的按钮
*/
void onRadioButtonDifferentFromCheckedClicked(RadioButton clickedRadioButton, RadioButton checkedRadioButton);
}
public OnChildRadioButtonClickedListener getOnChildRadioButtonClickedListener() {
return listener;
}
public void setOnChildRadioButtonClickedListener(OnChildRadioButtonClickedListener listener) {
this.listener = listener;
}
}
ManualRadioGroup的使用
ManualRadioGroup和正常的RadioGroup一样使用,只是RadioButton不会在被点击的时候自动切换了,而是需要手动的去切换,请看下方的示例代码
ManualRadioGroup rg = findViewById(R.id.rg);
rg.setOnChildRadioButtonClickedListener(new ManualRadioGroup.OnChildRadioButtonClickedListener() {
@Override
public void onRadioButtonClickedWhenCheckedNone(RadioButton button) {
button.setChecked(true);
Toast.makeText(MainActivity.this, "第一次选中", Toast.LENGTH_SHORT).show();
}
@Override
public void onRadioButtonCheckedClicked(RadioButton button) {
Toast.makeText(MainActivity.this, "重复选中", Toast.LENGTH_SHORT).show();
}
@Override
public void onRadioButtonDifferentFromCheckedClicked(final RadioButton clickedRadioButton, final RadioButton checkedRadioButton) {
new AlertDialog.Builder(MainActivity.this)
.setTitle("重选提示")
.setMessage("确定要改变选中吗?")
.setCancelable(false)
.setPositiveButton("是", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
clickedRadioButton.setChecked(true);
dialog.dismiss();
}
})
.setNeutralButton("否", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.dismiss();
}
})
.create()
.show();
}
});