如何将所有Webview内容转换为位图?

时间:2019-05-19 16:32:29

标签: android kotlin webview bitmap height

我的应用程序生成了较大的文本字符串,我希望能够允许用户在他们选择时将它们输出为图像。

我使用webview显示字符串,因为它可以嵌入锚点,在长字符串中处理新行并以非常简洁的方式显示所有内容。

在我简单地使用Webview并将其转换为位图之前。这很好用,但现在不再起作用。我愿意以其他方式实现自己的目标(尽管我是免费应用程序的业余开发人员,所以如果我遗漏了一些公然的内容,我深表歉意)

旧代码保存了Web视图的完整内容,包括屏幕外的内容。新代码(尽管在Identical上接近)。问题似乎是webview的高度未正确报告(如果我将高度加到该高度上就可以了,但是由于我不知道字符串的大小,所以我不能总是预测高度*见下文)

我尝试了PixelShot库,它提出了同样的问题。 在计算位图的高度时,我尝试添加到webview的高度中……这显示了进度,但由于我们不知道文本块的高度,因此并不是很好的解决方法。 (字体高度x每个
听起来不错,但有些句子很长,因此高度会被截断) 我尝试完全使用旧方法,但其中一些代码已贬值 我尝试将webview封装在scrollview中

    fun displayResults(input:String){

        var visabilityBackground = PreferenceManager.getDefaultSharedPreferences(context).getBoolean("webPageVis",false)
        if (visabilityBackground) {generator_webview.setBackgroundColor(Color.WHITE) }else{generator_webview.setBackgroundColor(Color.TRANSPARENT)}
        generator_webview.loadUrl("about:blank")
        generator_webview.settings.javaScriptEnabled
        generator_webview.loadUrl("about:blank")
        var output=input
            .replace("/n","<br>")
        lastweb=input
            .replace("/n",System.lineSeparator()) // not working....arghhh todo fix later or threaten ide with deletion
        generator_webview.loadData(output,"text/html", "UTF-8")
        Log.d("height","height : "+generator_webview.height)
        Log.d("height","height measured : "+generator_webview.measuredHeight)
        Log.d("height","height content: "+generator_webview.contentHeight)
        Log.d("height","height scroll: "+generator_webview.scrollView().height)
        Log.d("height","height min: "+generator_webview.minimumHeight)
        Log.d("height","height s: "+generator_scrollview.height)
        Log.d("height","height s measured: "+generator_scrollview.measuredHeight)
        Log.d("height","height s min: "+generator_scrollview.minimumHeight)
    }

高度记录的结果始终如下:

height: height : 2116
height: height measured : 2116
height: height content: 605
height: height scroll: 0
height: height min: 0
height: height s: 2116
height: height s measured: 2116
height: height s min: 0

这与生成的内容是一行还是两页/每屏内容无关。

(根据我的阅读,当前将Web视图装在滚动视图中,可以解决此问题。...没有)

制作位图的代码当前为:

    fun screenshot (webView:WebView):Bitmap?{

        try {
            val bitmap = Bitmap.createBitmap(webView.width, webView.height, Bitmap.Config.ARGB_8888)
            val canvas = Canvas(bitmap)
            canvas.drawColor(-0x1)
            webView.draw(canvas)
            return bitmap
        }
        catch (e: Exception) {
            e.printStackTrace()
        }
        return null
    }

这在其他地方称为,传递了Webview ID webView.measuredHeight .contentHeight

使用以下命令创建Web视图:

     <ScrollView
            android:id="@+id/generator_scrollview"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:fillViewport="true"

    app:layout_constraintTop_toBottomOf="@+id/generator_adView" 
   app:layout_constraintStart_toStartOf="parent"
            android:layout_marginStart="16dp" 
   app:layout_constraintHorizontal_bias="0.5"
            app:layout_constraintEnd_toEndOf="parent"

   app:layout_constraintBottom_toTopOf="@id/generator_button_generate"
            android:layout_marginEnd="16dp">
    <WebView

            android:id="@+id/generator_webview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:drawingCacheQuality="high"
            android:saveEnabled="true">
    </WebView>
    </ScrollView>

我还尝试了在滚动视图中不使用它(将其高度和宽度设置为0dp,因为它会扩展以适应空间...根据新准则)

预期结果是一个位图,具有视图的完整内容,包括屏幕外的内容。 这是100%的高度无法正确报告的问题(我正在使用WebView.enableSlowWholeDocumentDraw(),因此呈现了完整视图(如我将其添加到高度并能够保存更高的图像位图以及更多显示的内容...正在渲染位图,只是没有达到正确的高度。

我已经在这里待了三天了,我只是想不通

2 个答案:

答案 0 :(得分:0)

我实际上在侧面的相关链接中找到了一个解决方案。.....似乎比解决方案更可行,但它可以工作,所以我很高兴

fun screenshot (webView:WebView):Bitmap?{
webView.measure(View.MeasureSpec.makeMeasureSpec(
    View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED),
    View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
webView.layout(0, 0, webView.measuredWidth, webView.measuredHeight)

try {
    val bitmap = Bitmap.createBitmap(webView.width, webView.measuredHeight, 
Bitmap.Config.ARGB_8888)
    val canvas = Canvas(bitmap)
    canvas.drawColor(-0x1)
    webView.draw(canvas)
    return bitmap
}
catch (e: Exception) {
    e.printStackTrace()
}
return null
}

这是来自how to get whole content of Web View to generate PDF file in android?

并且更改意味着代码现在可以工作了。

答案 1 :(得分:0)

我们遇到了类似的问题,解决方案是将Webview放在问题中提到的ScrollView内,也许下面的layout_height有所不同。

这是解决我们问题的视图XML:

    <ScrollView android:layout_width="match_parent" android:layout_height="match_parent">
        <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical"
                android:padding="5dp">
            <WebView
                    android:id="@+id/webView"
                    android:layout_gravity="center"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">
            </WebView>
       </LinearLayout>
    </ScrollView>