今天有这么一个需求,需要让界面上的一个图标的响应区域变大,比如图标是50*50的,响应区域要变成100*100。
一开始最简单的思路是直接将ImageView的大小设置为响应区域的大小,并且让src居中显示在响应区域中心。
可是由于图标的大小和相应区域的大小要根据不同分辨率来适配。这样的话不同分辨率手机上,图标大小肯定像素值一样了。这样肯定不行。
所以为了让图标的大小和响应区域都可以自由定制,所以以下的思路就呼之欲出,用一个响应区域大小的View该在图标上,并且两者居中对齐。让View来获取Touch和Click回调,并且将回调适当的传递给图标来响应图标自身的响应事件。对应的界面布局例如以下:
<RelativeLayout
android:layout_width="62dip"
android:layout_height="fill_parent">
<ImageView
android:id="@+id/btn_read"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"/>
<View
android:id="@+id/btn_read_area"
android:layout_width="fill_parent"
android:layout_height="fill_parent"/>
</RelativeLayout>
其中btn_read_area就是用来拦截事件的View,而btn_read就是用来相应真正事件的icon。
我的真正的方法如下:
/**
* 在两个界面中建立一个事件传递管道,让另一个界面能在这个界面的区域响应自己的点击事件
* @param srcView
* @param targetView
*/
private void buildClickChannelFor2View(final View srcView,final View targetView) {
if( null == srcView || null == targetView) {
return;
}
srcView.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View view, MotionEvent motionEvent) {
int action = motionEvent.getAction();
if (MotionEvent.ACTION_DOWN == action) {
targetView.onTouchEvent(motionEvent);
} else if (MotionEvent.ACTION_UP == action) {
targetView.onTouchEvent(motionEvent);
}
//移出srcView视图以外时,恢复普通状态并且不响应onclick事件
float x = motionEvent.getX();
float y = motionEvent.getY();
if (x < srcView.getLeft() || x > srcView.getRight()
|| y < srcView.getTop() || y > srcView.getBottom()) {
return targetView.onTouchEvent(motionEvent);
}
return false;
}
});
srcView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View view) {
targetView.performClick();
}
});
}
下面更新一个更简单的方法
/**
* 在两个界面中建立一个事件传递管道,让另一个界面能在这个界面的区域响应自己的点击事件
* @param srcView
* @param targetView
*/
private void buildClickChannelFor2View(final View srcView,final View targetView) {
if( null == srcView || null == targetView) {
return;
}
srcView.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View view, MotionEvent motionEvent) {
targetView.setPressed(srcView.isPressed());
return false;
}
});
srcView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
targetView.performClick();
}
});
}
mReadBtn = (XImageView) view.findViewById(R.id.btn_read);
mReadBtnArea = (View) view.findViewById(R.id.btn_read_area);
buildClickChannelFor2View(mReadBtnArea, mReadBtn);