Есть приложение Андроид с WebView во весь экран и с загружаемым в него HTML-кодом. Когда в коде попадаются широкие таблицы (HTML-тег table), не умещающиеся по ширине на экране, то они просто обрезаются без сроллинга. И эти таблицы невозможно просмотреть полностью. Горизонтальный скроллинг на таких страницах отсутствует, как и на всех остальных.
Как в WebView включить горизонтальный скроллинг для страниц с такими таблицами?
WebView использую самый простой:
<?xml version="1.0" encoding="utf-8"?>
<WebView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/webView"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" />
Активити сейчас выглядит вот так:
class MainActivity : AppCompatActivity() {
private lateinit var binding: ActivityMainBinding
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = ActivityMainBinding.inflate(layoutInflater)
setContentView(binding.root)
binding.webView.webViewClient = MyWebViewClient()
binding.webView.apply {
with(settings) {
this.javaScriptEnabled = true
this.builtInZoomControls = true
this.displayZoomControls = false
this.useWideViewPort = true
}
isVerticalScrollBarEnabled = true
}
if (savedInstanceState == null) {
binding.webView.loadUrl("file:///android_asset/index.html")
}
}
override fun onSaveInstanceState(outState: Bundle) {
super.onSaveInstanceState(outState)
binding.webView.saveState(outState)
}
override fun onRestoreInstanceState(savedInstanceState: Bundle) {
super.onRestoreInstanceState(savedInstanceState)
binding.webView.restoreState(savedInstanceState)
}
override fun onKeyDown(keyCode: Int, event: KeyEvent): Boolean {
if (keyCode == KeyEvent.KEYCODE_BACK && binding.webView.canGoBack()) {
binding.webView.goBack()
return true
}
return super.onKeyDown(keyCode, event)
}
private inner class MyWebViewClient : WebViewClient() {
override fun shouldOverrideUrlLoading(
view: WebView?,
request: WebResourceRequest?
): Boolean {
if (Uri.parse(request?.url.toString()).host
== Uri.parse("file:///android_asset/index.html").host
) {
return false
}
Intent(Intent.ACTION_VIEW, Uri.parse(request?.url.toString())).apply {
startActivity(this)
}
return true
}
}
}
Страница на устройстве вот так:
Не скроллируется вправо-влево. Таблица справа какбы обрезана, её нельзя сдвинуть и увидеть её правую часть.
Можно зумом увеличить масштаб страницы, тогда появится горизонтальный скролл. Но сдвинуть его можно толоько до обрезанного изначально края. И не больше.