Android中Webview显示全屏拉伸图片

需要在一个视频view上叠加一个webview显示一些第三方的内容，例如视频、图片、h5页面等。显示图片时出现了边框和滚动条等不在预期的内容。由于对web相关的技术不甚了解，查询一番后完美解决。图片自适应webview大小显示。

xml布局文件如下：

        <WebViewandroid:id="@+id/ad_webview"android:layout_width="127dp"android:layout_height="191dp"android:layout_centerVertical="true"android:layout_alignParentRight="true"android:layout_marginRight="0dp" />

代码如下,需要自己实现一些html内容：

        String url = "https://i1.mifile.cn/a2/1623746729_9798645_s1080_1188wh.jpg";ViewGroup.LayoutParams para = mADwebview.getLayoutParams();String data = "<html><head><title>AD</title><meta name=\"viewport\"\"content=\"width="+dpwidth+", initial-scale=0.65 \" /></head>";//data = data + "<body><center><img width=\""+dpwidth+"\" src=\""+"https://i1.mifile.cn/a2/1623746729_9798645_s1080_1188wh.jpg"+"\" width=\"100%\" height=\"100%\"/></center></body></html>";data = data + "<body style=\"margin: 0px;padding: 0; height: 100%\"><img style=\"-webkit-user-select: none;margin: auto;cursor: zoom-in;background-color: hsl(0, 0%, 90%);transition: background-color 300ms;\" src=\""+url+"\" width=\"100%\" height=\"100%\"/></body></html>";mADwebview.loadData(data, "text/html", null);

mADwebview是webview的实例。

最终效果如下，加入了显示手机图片的广告：

Android中Webview显示全屏拉伸图片相关推荐

设置全屏_教你在直播中如何显示全屏弹幕，增加与粉丝的互动
今天来看看bilibili直播平台直播时如何在全屏游戏的时候观看直播间的弹幕. 1弹幕姬弹幕姬是一个第三方的插件,官网是https://www.danmuji.org/.可以设置它来读取弹幕或观看全 ...
css显示全屏背景图片
css设置全屏背景图片 *{ margin: 0; padding: 0; } ...
随笔：说说第一次在android中嵌入非全屏显示的unity游戏时的坑之——界面切换时出现延迟/卡顿/花屏等现象解决方法
One 最近对接了个unity3D做的小游戏到android项目中:游戏嵌入项目的界面且非全屏显示,项目几经波折,到我手上的时候,已经采用了在同一个activity中用两个View来分别显示andro ...
Android中界面实现全屏显示的两种方式
在开发android的应用当中,我们会遇到将一些界面设置为全屏显示的格式,有两种实现的方法.其一是在Java代码中实现,其二是在配置文件中实现. 1. 在Java代码中设置 super.onCreat ...
android webview调js方法,Android中WebView与H5的交互，Native与JS方法互调
项目中经常用到WebView与H5的交互,一个是H5调本地方法,一个是本地调H5方法,在此记录一下. 首先,启用JS支持 //启用js支持 webSettings.setJavaScriptEnabl ...
css禁止背景图拉伸_html-css控制背景图全屏拉伸不重复显示
在HTML中,当我们设置背景图,只能采用是否重叠.居中.重叠方向这几个选项 CSS3中设置 body { background:#3d71b8 url(../back_main.png); backg ...
【UGUI】全屏背景图片等比例拉伸自适应
效果如下: 首先感叹一下,UGUI的自适应做的还是非常不错的,RectTransform中提供了非常多种的自适应方式.对做界面来说还是很友好的. 如果界面上需要有个全屏的背景图(UI界面一般都是有的吧 ...
android中布局全屏,怎么在Android 应用中实现一个全屏与非全屏功能
怎么在Android 应用中实现一个全屏与非全屏功能发布时间:2020-12-04 17:31:45 来源:亿速云阅读:135 作者:Leah 怎么在Android 应用中实现一个全屏与非全屏功能 ...
wordpress 背景_如何在WordPress中添加全屏背景图片
wordpress 背景 Full screen background image seems to be a new design trend that is becoming fashionabl ...

Android中Webview显示全屏拉伸图片

Android中Webview显示全屏拉伸图片相关推荐

最新文章

热门文章