浏览器 pad android,Android浏览器（PAD版）开发问题总结

1. ViewPage + fragement+WebView 点击失效

报错内容：

Should not happen: no rect-based-test nodes found

前提：

浏览器首页采用 ViewPage + fragement+WebView形式实现，进入首页以后当前page内容可以被选中，当滑到viewpage下一页发现page内容无法被选中，打Log发现错误提示如上所示。

分析：

在当前页webview内容无法被选中，切换一次横竖屏就可以被选中了，但是滑到下一页后的你区域就无法被选中了。

viewpage在切换页面的时候，fragment中的webview没有监测到自己处于可见状态。因此，当你发现webview应该处于visible状态的时候就让它动一下，进而告知webkit来准备响应。

处理方法：

首先自定义一个webview的子类

方法一

@Override

public boolean onTouchEvent(MotionEvent event) {

if (event.getAction() == MotionEvent.ACTION_DOWN){

int temp_ScrollY = getScrollY();

scrollTo(getScrollX(), getScrollY() + 1);

scrollTo(getScrollX(), temp_ScrollY);

}

return super.onTouchEvent(event);

}

方法二

webview.onScrollChanged(webview.getScrollX(), webview.getScrollY());

参考：

http://stackoverflow.com/questions/12090899/android-webview-jellybean-should-not-happen-no-rect-based-test-nodes-found

2 Tab页叠加效果

在pad上浏览器的体验与手机上面不太一样，pada上与桌面电脑上面比较像，比如浏览器会同时存在多个tab页，如果搞的好看还会有叠加效果。如图所示：

Android源码对于tab布局是这样设计的：首先定义一个线性布局TabLayout extends LinearLayout，TabLayout作为父容器。每一个Tab对应一个线性布局TabView extends LinearLayout，此时可以根据需要向父容器里面增删TabView来实现添加删除一个tab页的功能。如果希望实现上图tab之间的叠加效果，那么就需要重写TabLayout这个view

的layout函数来制定子view的布局方式

//重写TabLayout里面子tab的布局方式，实现叠加效果。叠加成都mTabOverlap可以自己定义大小

protected void onLayout(boolean changed, int left, int top, int right, int bottom) {

super.onLayout(changed, left, top, right, bottom);

if (getChildCount() > 1) {

//计算第二个view布局位置的左边坐标，如果需要叠加效果，就得减去叠加范围mTabOverlap的大小

int nextLeft = getChildAt(0).getRight() - mTabOverlap;

//i=1从第二个view开始实现叠加效果，叠加到view1上面

for (int i = 1; i < getChildCount(); i++) {

View tab = getChildAt(i);

//每一个tab的宽度

int w = tab.getRight() - tab.getLeft();

tab.layout(nextLeft, tab.getTop(), nextLeft + w, tab.getBottom());

//计算下一个view的左侧坐标

nextLeft += w - mTabOverlap;

}

}

}

这样就可以实现tab之间的叠加效果了

仔细观察可以看到每个浏览器的叠加效果还是有差异的，比如上面的截图是chrome浏览器，很明显它是左边的压住右边的，选中tab会压住左右两边的。有的浏览器是右边的tab压住左边的tab，选中的tab压住左右两边的。不管怎么叠加，原理是一样的，这些效果主要取决于TabLayout里面子view的绘制顺序，谁后绘制谁就压住先绘制的。具体实现是在TabLayout里面的getChildDrawingOrder方法。这个方法默认实现是根据父View添加子View时候的顺序来绘制子View，如果想修改子View的绘制顺序就需要重写这个方法的实现。

protected int getChildDrawingOrder(int count, int i) {

int next = -1;

//最后绘制选中的tab，选中的tab高亮压住两边的tab

if ((i == (count - 1)) && (mSelected >= 0) && (mSelected < count)) {

next = mSelected;

} else {

//左边的tab压住右边的tab

/*next = count - i - 1;

if (next <= mSelected && next > 0) {

next--;

}*/

//右边的tab压住左边的tab

if(i>=mSelected){

next = i+1;

}else{

next = i;

}

}

return next;

}

3. 各种弹出框效果的实现：ListPopupWindow+ PopupWindow+PopupMenu这三者的区别

先看下面这篇，这要是讲ListPopupWindow

未完待续