发表新帖
发表新帖

How to add padding around a WebView

后端 未结
关注
7 1577
不要未来只要你来
不要未来只要你来 2020-12-16 09:30

My layout file defines a WebView, underneath which there are some fixed height buttons.
相关标签:
7条回答
  • 心在旅途
    2020-12-16 09:40

    Just try to add this CSS:

    <body style='margin:X;padding:X;'>
    0 讨论(0)
  • 清酒与你
    2020-12-16 09:41

    The WebView has a bug in the padding implementation. Setting a padding on a webview won't pad the actual web page, but WILL pad the scrollbars. It's only partially working as expected. Your solution is the best way to achieve 'padding' for a WebView.

    0 讨论(0)
  • 梦如初夏
    2020-12-16 09:42

    Add a LinearLayout adround it with padding.

    0 讨论(0)
  • 伪装坚强ぢ
    2020-12-16 09:47

    @Sergii's code didn't work for me, but following does

    mWebView.setWebViewClient(new mWebViewClient(){
        @Override
        public void onPageFinished(WebView web, String url) {
            web.loadUrl("javascript:(function(){ document.body.style.paddingTop = '55px'})();");
        }
    });

    You can change paddingTop to paddingBottom, paddingRight, paddingLeft too. Change the 55pxvalue to whatever you desire. Additionally, enable JavaScript for your webview

      webView.settings.javaScriptEnabled = true
    0 讨论(0)
  • 悲哀的现实
    2020-12-16 09:48

    Alternative approach would be to set the WebView inside of a ScrollView

    Then you can add left/right margin to the WebView and it will get the padding effect. The scrolling however will be handled by the ScrollView.

    <ScrollView style="@style/MatchMatch">

    <WebView
        android:id="@+id/my_web_view"
        android:layout_marginLeft="@dimen/webViewMargin"
        android:layout_marginRight="@dimen/webViewMargin"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</ScrollView>

    This will cause the scrollbar to be placed outside of the WebView which is the behavior I wanted for my app.

    0 讨论(0)
  • [愿得一人]
    2020-12-16 09:51

    Another workaround for this problem could be in javascript usage. So when your webpage is loaded you can do such js call to set paddings:

    webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        webView.loadUrl("javascript:document.body.style.margin=\"8%\"; void 0");
    }
});
    0 讨论(0)
 看不清?
提交回复
热议问题