Android WebView 设置Padding

最新推荐文章于 2022-03-28 20:30:53 发布
最新推荐文章于 2022-03-28 20:30:53 发布
阅读量5.1k 收藏 9
点赞数 5
文章标签： android webview padding
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kedaweiwei/article/details/44649629
版权

熟悉android的人都知道，在Android中使用webView的时候设置它的padding属性是不起任何作用的（应该是android的一个bug）。

要想实现设置padding的效果，要在加载页面的时候，记载自己定义的CSS样式。

第一步：定义padding属性，并用字符串拼接：

String htmlText = "<html>" + "<head>" + "<style type=\"text/css\">" + "body{padding-left: 10px;padding-right: 10px;}" + "</style>" + "</head>";

第二部：加载网页： 

vw_detail.loadDataWithBaseURL(CONSTANT.CMS_IMAGE_HOST, htmlText+detailResult.getContent(), "text/html","utf-8", null);
其中 detailResult.getContent()为从服务器上解析出来的网页的内容，如果不是加载的解析内容，而是加载一个URL，那么直接使用vw_detail.loadUrl(url, additionalHttpHeaders);


效果如下：



就是这么简单，有问题请留言！



kedaweiwei
关注
  • 5
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
利用 js 给 WebView add 添加 padding
Dev Blog
04-17 2923
webView.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView view, String url) { webView.loadUrl("javascript:document.body.style.padding=\"8%\"; void 0")
webview 边距_通过js给android控件WebView设padding
weixin_32493245的博客
01-14 618
项目中有个界面是用来显示一个网页的，很简单，放个WebView就ok了，可是返回按钮放在哪 ，ui的设计是在底部显示一个半透明的条，左边有一个返回按钮。这个条显示在内容上面。我有一个担心，就是要是最下面的内容需要操作的，虽然看的见，但不能操作。开始很自然就想到设padding，可是android的WebView有个bug，设了没有用。之后想了很多的办法，通过判断WebView滑动到底了，再自己做动...
通过js给android控件WebView设padding
weixin_34115824的博客
06-17 169
项目中有个界面是用来显示一个网页的，很简单，放个WebView就ok了，可是返回按钮放在哪 ，ui的设计是在底部显示一个半透明的条，左边有一个返回按钮。这个条显示在内容上面。我有一个担心，就是要是最下面的内容需要操作的，虽然看的见，但不能操作。开始很自然就想到设padding，可是android的WebView有个bug，设了没有用。 之后想了很多的办法，通过判断WebView滑动到底了，再自己...
webivew padding 设置
julystroy的博客
12-06 547
…此处省略为啥设置padding，你不需要也不回进来… 常规的你以为： &lt;WebView android:id="@+id/webview" android:padding="@dimen/margin36" android:layout_width="match_parent" android:layout_height="m...
webview设置paddingbottom无效，通过js给android控件WebView设padding
Deng XianJun
10-19 2609
项目中有个界面是用来显示一个网页的，很简单，放个WebView就ok了，可是返回按钮放在哪 ，ui的设计是在底部显示一个半透明的条，左边有一个返回按钮。这个条显示在内容上面。我有一个担心，就是要是最下面的内容需要操作的，虽然看的见，但不能操作。开始很自然就想到设padding，可是android的WebView有个bug，设了没有用。之后想了很多的办法，通过判断WebView滑动到底了，再自己做动画
Android View clipToPadding属性
依生依世
07-31 589
Android View clipToPadding属性 view的clipPadding属性，决定绘制时，是否将其content(自身内容、children)，绘制到其padding位置 默认为true：意为裁剪padding，绘制时padding区域的content将会被裁剪掉，也就是会正常显示padding 设置为false：如果content达到padding区域，会覆盖pad...
关于webview的一切
jys1115的专栏
03-11 1492
1.基本设置 mWebView.getSettings().setJavaScriptEnabled(false); 表示不支持js，如果想让java和js交互或者本身希望js完成一定的功能请把false改为true。 mWebView.getSettings().setSupportZoom(false); 设置是否支持缩放，我这里为false，默认为true。 mWebVie
详解Android WebView加载html片段
08-29
在配置WebView时，我们需要设置一些基本的参数，例如启用JavaScript、DOM存储、宽视图口模式等。这些参数可以通过WebSettings对象来设置。例如： WebSettings settings = webView.getSettings(); settings....
Android Webview滑进出屏幕闪烁的解决方法
01-05
在使用Webview进行滑动操作时，从屏幕可见区域外向内滑动时，会出现webview区域闪烁的问题（反之也是），本文将提供一种解决方案。 问题图示 xml布局： <?xml version=1.0 encoding=utf-8?> <android....
android伸缩式悬浮窗
12-10
布局应该设置合适的padding和margin，以便在拖动和伸缩时保持良好的视觉效果。 2. 获取`WindowManager`实例： 在Activity中，通过`getSystemService()`方法获取`WindowManager`的实例，代码如下： ```java ...
Android虚拟导航栏遮挡底部的输入框的解决方法
01-20
`android:fitsSystemWindows="true"` 是一个关键属性，当它被设置为 true 时，Android 系统会自动调整应用窗口的布局，以便为系统窗口（如状态栏和虚拟导航栏）腾出空间。这样，布局不会被这些系统组件遮挡。在...
android 控件宽度自适应_android webview控件，当控件宽度较小时，自适应问题
weixin_39695306的博客
12-19 234
我在WebView开发中碰到一个问题，当我加载html内容时，如果webview控件宽度较低，比如700px,那么页面大部分情况下都不会自适应压缩，已达到较好的显示在控件中，而是显示原始内容大小...我在WebView开发中碰到一个问题，当我加载html内容时，如果webview控件宽度较低，比如700px,那么页面大部分情况下都不会自适应压缩，已达到较好的显示在控件中，而是显示原始内容大小，并且...
uniapp: webview全屏遮挡住状态栏的解决方案
m0_59638694的博客
03-28 5912
uniapp的状态栏被webview给遮住了，怎么显示状态栏。转载的。
除去WebView默认存在的一定像素的边距问题
追梦赤子心
07-05 6504
需求：文本编辑器编辑的图文信息，图片显示的宽度要满屏。 WebView不管怎么修改它的属性加载出来的内容都会存在一定的边距 String data="<img src=\"https://ss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/tam-ogel/dd9d1d686cdc814db9653b254e00402e_259_194.jpg\" alt=\\\"显示的图片"
WebView全面解析
自由奔跑的风
08-24 2万+
WebView全面解析 简介 WebView是android中一个非常重要的控件，它的作用是用来展示一个web页面。它使用的内核是webkit引擎，4.4版本之后，直接使用Chrome作为内置网页浏览器。 作用 显示和渲染网页； 可与页面JavaScript交互，实现混合开发。 使用介绍 使用WebView之前，不要忘记在清单文件中声明访问网络权限： &amp;lt;uses...
Carson带你学Android：最全面的Webview使用详解
热门推荐
Carson带你学Android
09-28 27万+
前言 现在很多App里都内置了Web网页（Hyprid App），比如说很多电商平台，淘宝、京东、聚划算等等，如下图 那么这种该如何实现呢？其实这是Android里一个叫WebView的组件实现的。今天我将全面介绍WebView的常用用法。 目录1. 简介WebView是一个基于webkit引擎、展现web页面的控件。 Android的Webview在低版本和高版本采用了不同的webkit版本内
android中view设置 padding失效
NewActivity的博客
01-16 1090
1.你的style.xml的BaseAppTheme中用了 true 2.你在初始化的时候没有调用 .fitsSystemWindows(true) 3.你需在你的activity的根节点加android:fitsSystemWindows="true"
WebView完全解读
小工匠
03-23 1万+
概述WebView控件可以在自己的应用程序中显示本地或者Internet上的网页。WebView是一个使用WebKit引擎(4.4之后基于Chromium)的浏览器控件。因此可以将WebView当做一个完整的浏览器使用。WebView不仅支持HTML、CSS等静态元素，还支持JavaScript，而且在JavaScript中还可以调用Java的方法。官方文档Building Web Apps in
androidwebview 设置cookie
最新发布
06-13
要在 Android WebView 中设置Cookie，可以采用以下步骤： 1. 获取CookieManager实例 ```java CookieManager cookieManager = CookieManager.getInstance(); ``` 2. 设置Cookie的接收策略 ```java cookieManager.setAcceptCookie(true); ``` 3. 设置Cookie ```java String cookieValue = "key=value"; // 设置cookie的值 String url = "http://www.example.com"; // 设置cookie的URL cookieManager.setCookie(url, cookieValue); ``` 4. 将Cookie同步到WebView ```java if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { cookieManager.flush(); } else { CookieSyncManager.createInstance(this); CookieSyncManager.getInstance().sync(); } ``` 这样就可以在WebView中设置Cookie了。需要注意的是，如果您的应用程序针对的是 Android 5.0 及更高版本，则必须调用 `cookieManager.flush()` 方法将Cookie同步到WebView，否则Cookie将无法正常工作。而在 Android 5.0 以下的版本，则需要使用 `CookieSyncManager` 将Cookie同步到WebView。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值