Android中解决ScrollView嵌套WebView底部留白太多和高度问题
Android中WebView的坑很多，比如低版本内核不支持，加载速度慢，重定向等等，当使用ScrollView嵌套WebView时坑更多，有人说为啥要嵌套？单独使用WebView或者ScrollView不行吗？答案是当然不行，需求就是如此，怎么实现产品和经理不会管的，反正开发要解决，当然这里这里没有引站的意思，也不是吐槽，只是纯粹讨论技术.
关于网上在ScrollView嵌套WebView时有几种常规的解决方案:
Mobile mobile = new Mobile();
addJavascriptInterface(mobile, "mobile");
private class Mobile {
@JavascriptInterface
public void onGetWebContentHeight() {
//重新调整webview高度
X5WebView.this.post(() -> {
X5WebView.this.measure(0, 0);
int measuredHeight = X5WebView.this.getMeasuredHeight();
ViewGroup.LayoutParams layoutParams = X5WebView.this.getLayoutParams();
layoutParams.height = measuredHeight;
X5WebView.this.setLayoutParams(layoutParams);
});
}
}
实现的效果图如下：
这样设置后发现并没有什么卵用，换第2种：
@JavascriptInterface
public void resize(final float height) {
((Activity) getContext()).runOnUiThread(new Runnable() {
@Override
public void run() {
X5WebView.this.setLayoutParams(new LinearLayout.LayoutParams(getResources().getDisplayMetrics().widthPixels, (int) (height * getResources().getDisplayMetrics().density)));
}
});
}
这种方法也没有什么用，有的文章说是前端也要写该方法，不知道是不是此原因.实现的效果图如下：
还有一种方法是在Stack Overflow上找的，虽然解决的留白问题，但是宽度又没有显示完整，最后放弃了。尝试了一种自定义WebView，在onMeause重新测量高度，此问题得以解决.
/**
* @作者: njb
* @时间: 2019/12/4 12:55
* @描述: 自定义WebView适配不同手机高度
*/
@SuppressLint("NewApi")
public class CustomNestedScrollWebView extends WebView {
public CustomNestedScrollWebView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
}
public CustomNestedScrollWebView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
public CustomNestedScrollWebView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public CustomNestedScrollWebView(Context context) {
super(context);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
//感觉手机重新计算高度
int mExpandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
super.onMeasure(widthMeasureSpec, mExpandSpec);
}
}
最后给出运行成功的截图如下:这里我跑的是模拟器，项目中跑了各种真机小米、华为、魅族、锤子等等，都适配了高度.
最后小伙伴们如有更好的方法可以给我留言，如有问题，欢迎提出，我及时更改。谢谢大家
源码地址:https://gitee.com/jackning_admin/X5WebViewDemo
网友评论