Android开发之WebView加载html数据去除Webview滚动条的方法

最新推荐文章于 2024-04-21 09:10:41 发布

xiayiye5

最新推荐文章于 2024-04-21 09:10:41 发布

阅读量2.5k

点赞数 1

分类专栏： WebView相关文章标签： WebView WebView加载HTML源码 WebView加载HTML数据 WebView滚动条 WebView缩放

本文链接：https://blog.youkuaiyun.com/xiayiye5/article/details/106916886

版权

本文介绍了如何在Android的WebView中加载HTML数据并去除滚动条，提供了两种方法：XML配置scrollbars为none和Java代码实现。同时，文章还展示了如何设置WebView自适应屏幕并开启手势缩放功能，使得HTML内容能完美展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

老套路看图：

这是通过webview加载HTML源码显示的网页：加载方法如下：

webview.loadDataWithBaseURL(null, htmlData, "text/html", "utf-8", null);

设置滚动条不显示的方法有两种：

第一种：在xml中配置scrollbars为none即可

 <WebView
                android:id="@+id/wv_read_msg_content"
                android:layout_width="match_parent"
                android:layout_height="300dp"
                android:layout_marginBottom="10dp"
                android:scrollbars="none" />

第二种：Java代码设置

        //设置WebView滚动条不显示
        //水平不显示
        wvReadMsgContent.setHorizontalScrollBarEnabled(false);
        //垂直不显示
        wvReadMsgContent.setVerticalScrollBarEnabled(false);

设置webview自适应的方法：

 //设置网页自适应
        wvReadMsgContent.getSettings().setUseWideViewPort(true);
        wvReadMsgContent.getSettings().setLoadWithOverviewMode(true);

设置webview支持手势缩放功能

   // 设置可以支持缩放
        wvReadMsgContent.getSettings().setSupportZoom(true);
         // 设置出现缩放工具
        wvReadMsgContent.getSettings().setBuiltInZoomControls(true);

设置后再看下效果：

WebView已自适应,WebView滚动条也隐藏了HTML数据也加载出来了

如果看着复杂我贴下完整代码：xml（缺少的资源文件请自行补全）

activity_read_message.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <View
        android:layout_width="match_parent"
        android:layout_height="wrap_content"

最低0.47元/天解锁文章