项目使用GridVIew展示缩略图,gridView是设置了每行三张图片的,当图片有四张的时候,难免会多出两个空白区域。其中每张图片可以放大展示原图,其他区域需要有点击后进入详情页面。这时,GridView空白的item无法点击的问题就显得格外需要处理了。
效果:
增加空白处点击事件,需要用到……对,就是……onTouchEvent(MotionEvent event);我发现,onTouch真是救命稻草啊,每当遇到困难的时候,它就像英雄一样,手握宝剑,身披铠甲,熠熠发光~
好了,臆想完毕。代码君又来了!
首先我们需要定义一个接口和设置好外部回调方法不写不行哦
public interface OnTouchInvalidPositionListener {
void onTouchInvalidPosition();
}
public void setOnTouchInvalidPositionListener(OnTouchInvalidPositionListener listener) {
mTouchInvalidPosListener = listener;
}
其次,也就是最重要的部分,重写onTouch事件,英雄出场,所向披靡!
@Override
public boolean onTouchEvent(MotionEvent event) {
if (mTouchInvalidPosListener != null) {
/*返回一个int值,判断触摸后坐标能否映射到一个item上*/
int motionPosition = pointToPosition((int) event.getX(), (int) event.getY());
/*映射不到item上(即触摸空白区域)并且是抬起动作,则执行回调操作,并且自己消费,不往父布局传递*/
if (motionPosition == INVALID_POSITION && event.getAction() == MotionEvent.ACTION_UP) {
mTouchInvalidPosListener.onTouchInvalidPosition();
return true;
}
}
return super.onTouchEvent(event);
}
最后,只需要调用接口就可以了~
imageLayout.setOnTouchInvalidPositionListener(new MyGridView.OnTouchInvalidPositionListener() {
@Override
public void onTouchInvalidPosition() {
//需要执行的操作
});
完毕~
想要在继续研究的小伙伴,下面的内容,可以让你知道why to do this?
在上述onTouchEvent()方法中,有一个相对新手来说陌生的方法,那就是pointToPosition(int x,int y);嗯~这个方法到底是干啥的,为什么它能判断是不是空白区域呢?下面让我们探索pointToPosition(int x,int y)吧~
进入源码的世界……
/**
* Rectangle used for hit testing children
*/
private Rect mTouchFrame;
/**
* Maps a point to a position in the list.
*
* @param x X in local coordinate
* @param y Y in local coordinate
* @return The position of the item which contains the specified point, or
* {@link #INVALID_POSITION} if the point does not intersect an item.
*/
public int pointToPosition(int x, int y) {
Rect frame = mTouchFrame;
if (frame == null) {
mTouchFrame = new Rect();
frame = mTouchFrame;
}
final int count = getChildCount();
for (int i = count - 1; i >= 0; i--) {
final View child = getChildAt(i);
if (child.getVisibility() == View.VISIBLE) {
child.getHitRect(frame);
if (frame.contains(x, y)) {
return mFirstPosition + i;
}
}
}
return INVALID_POSITION;
}
上述源码可见,pointToPosition(int x, int y)返回一个int值,其中有个for循环,需要引起我们的注意,循环的是这个view的子view,也就是GridView的item,使用if判断是否item可见,如果可见,执行child.getHitRect(frame);方法,那么这个方法是干啥的呢?继续看源码!
/**
* Hit rectangle in parent's coordinates
*
* @param outRect The hit rectangle of the view.
*/
public void getHitRect(Rect outRect) {
if (hasIdentityMatrix() || mAttachInfo == null) {
outRect.set(mLeft, mTop, mRight, mBottom);
} else {
final RectF tmpRect = mAttachInfo.mTmpTransformRect;
tmpRect.set(0, 0, getWidth(), getHeight());
getMatrix().mapRect(tmpRect); // TODO: mRenderNode.mapRect(tmpRect)
outRect.set((int) tmpRect.left + mLeft, (int) tmpRect.top + mTop,
(int) tmpRect.right + mLeft, (int) tmpRect.bottom + mTop);
}
}
这个方法也不用看太细致,大致意思就是给传进来的outRect矩形设置左上右下的值。回到pointToPosition(int x, int y)方法中
if (frame.contains(x, y)) {
return mFirstPosition + i;
}
这是判断我们的触摸点是否包含在getHitRect(Rect outRect)所得到的frame中。如果不包含的话,就执行最后一句 return INVALID_POSITION(无效的位置);到这里,就和我们在onTouchEvent(MotionEvent event)中判断的motionPosition == INVALID_POSITION对上了。也就得到了触摸点是在空白区域的。
探索完毕有没有涨姿势呢哈哈撒花