WebView截取长图

作者: yyg | 来源:发表于2017-08-24 23:04 被阅读62次

    1、码友x代码

    原理:Android 为了提高滚动等各方面的绘制速度,可以为每一个 View 建立一个缓存,使用 View.buildDrawingCache 为自己的 View 建立相应的缓存, 这个 cache 就是一个 bitmap 对象。利用这个功能可以对整个屏幕视图进行截屏并生成 Bitmap ,也可以获得指定的 View 的 Bitmap 对象。
    WebView 和其他 View 一样,系统都提供了 draw 方法,可以直接将 View中 的内容渲染到画布上drawBitmap(),有了画布我们就可以在上面绘制其他各种各种的内容,比如底部添加 Logo 图片,画红线框等等

    but: 如果webview或者scrollview的内容太长且带有图片,很容易就OOM,然后就咯咯了,然后目前还不知道怎么解决
    长图
    /**
         * view截图,webview和scrollview(scrollview需要传入子view)
           之类的view能够截取整个长度的bitmap,
         * 如果webview内容很多,view.draw(Canvas)方法会很耗时,
           在子进程中操作会有额外的问题,所以会暂时阻塞
         * UI主线程,求方法~
         */
        public static Bitmap viewShot(final View view){
            if (view == null)
                return null;
            view.setDrawingCacheEnabled(true);
            view.buildDrawingCache();
            int measureSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
            view.measure(measureSpec, measureSpec);
    
            if (view.getMeasuredWidth()<=0 || view.getMeasuredHeight()<=0) {
                L.e("ImageUtils.viewShot size error");
                return null;
            }
            Bitmap bm;
            try {
                bm = Bitmap.createBitmap(view.getMeasuredWidth(), view.getMeasuredHeight(), Bitmap.Config.ARGB_8888);
            }catch (OutOfMemoryError e){
                System.gc();
                try {
                    bm = Bitmap.createBitmap(view.getMeasuredWidth(), view.getMeasuredHeight(), Bitmap.Config.ARGB_8888);
                }catch (OutOfMemoryError ee){
                    L.e("ImageUtils.viewShot error", ee);
                    return null;
                }
            }
            Canvas bigCanvas = new Canvas(bm);
            Paint paint = new Paint();
            int iHeight = bm.getHeight();
            bigCanvas.drawBitmap(bm, 0, iHeight, paint);
            view.draw(bigCanvas);
            return bm;
        }
    
    
    上面是大神给的保存转成Bitmap的图,保存到手机还是要自己实现哦。
    在此就给出保存图片的代码
    
    /**
     * 保存图片到手机相册,并通知图库更新
     * @param context
     * @param bmp 图片bitmap
     * @return  返回图片保存的路径,开发人员可以根据返回的路径在手机里面查看,部分手机发送通知图库并不会更新
     */
    
    public static String saveImageToGallery(Context context, Bitmap bmp) {
        // 首先保存图片
        File appDir = new File(Environment.getExternalStorageDirectory(), "saveImage");
        if (!appDir.exists()) {
            appDir.mkdir();
        }
        String fileName = System.currentTimeMillis() + ".jpg";
        File file = new File(appDir, fileName);
        try {
            FileOutputStream fos = new FileOutputStream(file);
            bmp.compress(Bitmap.CompressFormat.JPEG, 100, fos);
            fos.flush();
            fos.close();
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
        // 最后通知图库更新
        String path = Environment.getExternalStorageDirectory() + "/
    saveImage
    /" + fileName;    context.sendBroadcast(new Intent(Intent.ACTION_MEDIA_SCANNER_SCAN_FILE, Uri.parse("file://" + path)));    return Environment.getExternalStorageDirectory() + "/
    saveImage/" + fileName;
    }
    
    单图

    单屏图片的生成方案,和手机截图不同的是生成的图片不会显示顶部的状态栏、标题栏以及底部的菜单栏,可以满足不同的业务需求。

    // WebView 生成当前屏幕大小的图片,shortImage 就是最终生成的图片 
    Bitmap shortImage = Bitmap.createBitmap(screenWidth, screenHeight, Bitmap.Config.RGB_565); 
    Canvas canvas = new Canvas(shortImage);   // 画布的宽高和屏幕的宽高保持一致 
    Paint paint = new Paint(); 
    canvas.drawBitmap(shortImage, screenWidth, screenHeight, paint); 
    mWebView.draw(canvas); 
    
    //保存
    ..........
    
    //通知相册有新图片加入
        MediaScannerConnection.scanFile(this,
                        new String[]{picfile.toString()},
                        null, new MediaScannerConnection.OnScanCompletedListener() {
                            @Override
                            public void onScanCompleted(String path, Uri uri) {
    
                            }
                        });
    

    相关文章

      网友评论

        本文标题:WebView截取长图

        本文链接:https://www.haomeiwen.com/subject/htqydxtx.html