我有一个带有按钮、图像和 web 视图的活动。我的目标是加载一个页面,然后在其上执行 javascript 以使用 HTML5 等绘制图形。
html5绘制的图片高度是未知/可变的,但宽度应该始终与手机的宽度/或浏览器窗口相同。
我有一个javascript接口来获取一个回调,其中包含它现在已经完成调用绘图函数的信息,它给了我高度。
这是网络视图的设置
mWeb = (WebView) findViewById(R.id.webView1);
mWeb.clearCache(true);
mWeb.addJavascriptInterface(new IJavascriptHandler(), "cpjs");
mWeb.getSettings().setJavaScriptEnabled(true);
mWeb.loadUrl(" http://theURL.com ");
mWeb.setInitialScale(100);
mWeb.getSettings().setDefaultZoom(WebSettings.ZoomDensity.FAR);
mWeb.setWebViewClient(new WebViewClient() {
public void onPageFinished(WebView view, String url){
mWidth = mWeb.getWidth();
mHeight = mWeb.getHeight();
view.loadUrl("javascript: Tools.adjustWidth(" + mWidth + " )");
String javaCouponRender = "renderCoupon(" + kupongJson + ", 0); void(0)";
view.loadUrl("javascript: " + javaCouponRender);
}
});
}
我在我的视图中拥有的按钮,我已经使用此功能启动将我的 webview 渲染到纹理:
void renderCoupon(int width,int height){
bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
final Canvas c =new Canvas(bitmap);
mWeb.draw(c);
imgView.setMinimumWidth(width);
imgView.setMinimumHeight(height);
imgView.setImageBitmap(bitmap);
imgView.setVisibility(View.VISIBLE);
}
这行得通。按下按钮,将绘制的内容渲染到纹理,并且图像视图具有正确的结果。唯一的警告是我必须等到页面加载/绘制后才能按下按钮。
现在,我已经实现了从 javascript 获得的回调,如下所示:
final class IJavascriptHandler {
IJavascriptHandler() {
}
public void couponRenderedCallback(final int height){
mHasGotRenderCallback = true;
mHeight = height;
Toast t = Toast.makeText(getApplicationContext(), "see if it helps sleeping", 2000);
t.show();
try{
Thread.sleep(5000);
}
catch(InterruptedException ex){
}
runOnUiThread(new Runnable() {
@Override
public void run() {
Toast t2 = Toast.makeText(getApplicationContext(), "and now we render to texture", 2000);
t2.show();
renderCoupon(mWidth, mHeight);
}
});
}
}
并且每一次,这个回调函数都会渲染一个白页。有趣的是,如果我一看到这个回调被调用就物理地按下渲染到纹理按钮,它会显示预期的结果。是 runOnUiThread 以某种方式失败了吗?
睡眠是我添加的内容,以查看 webview 渲染和我从 javascript 获得的回调是否存在某种有趣的延迟。
我也尝试将 sleep 移到 runOnUiThread 中,这也没有帮助。
我希望有人知道我应该朝哪个方向寻求解决这个问题。任何帮助表示赞赏。