How to remove zoom buttons on Android webview?

Question

Is it possible to remove the zoom buttons enter image description here ? Its showing when I zooming the WebView. I need zoom control without these buttons. I'm using android 2.3.

I used below code,

WebView webview = (WebView) findViewById(R.id.webview);
webview.getSettings().setBuiltInZoomControls(false);
webview.getSettings().setJavaScriptEnabled(true);
FrameLayout mContentView = (FrameLayout) getWindow().
        getDecorView().findViewById(android.R.id.content);
final View zoom = webview.getZoomControls();
mContentView.addView(zoom, ZOOM_PARAMS);
zoom.setVisibility(View.GONE);

can we discuss here http://chat.stackoverflow.com/rooms/10629/agarwal — Shankar Agarwal, May 26 '12 at 14:05
@bharath can u help me fr [this](http://stackoverflow.com/questions/11777116/enable-zoom-for-all-pages-of-an-android-application) — Subrat nayak., Aug 06 '12 at 06:17

score 30 · Answer 1 · edited Apr 20 '23 at 04:45

getSettings().setBuiltInZoomControls(false);

use the above line of code to remove the zoom buttons.

On API >= 11, you can use:

webView.getSettings().setBuiltInZoomControls(true);
webView.getSettings().setDisplayZoomControls(false);

Updated::: If you want have zoom in/out without zoom controls then use the below code(copied from here)

public class Main extends Activity {
  private WebView myWebView;
  private static final FrameLayout.LayoutParams ZOOM_PARAMS =
new FrameLayout.LayoutParams(
ViewGroup.LayoutParams.FILL_PARENT,
ViewGroup.LayoutParams.WRAP_CONTENT,
Gravity.BOTTOM);

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.webview);
    myWebView = (WebView)findViewById(R.id.webView);

    FrameLayout mContentView = (FrameLayout) getWindow().
    getDecorView().findViewById(android.R.id.content);
    final View zoom = myWebView.getZoomControls();
    mContentView.addView(zoom, ZOOM_PARAMS);
    zoom.setVisibility(View.GONE);

    myWebView.loadUrl("http://www.almondmendoza.com");
  }
}

score 15 · Answer 2 · answered May 01 '14 at 19:46

15

Change this on your AndroidManifest:

    android:minSdkVersion="8"

to this:

    android:minSdkVersion="11"

than use this in your web view settings:

getSettings().setBuiltInZoomControls(true);
    getSettings().setDisplayZoomControls(false);

answered May 01 '14 at 19:46

zvzej

6,276
7
33
41

score 5 · Accepted Answer · answered Jul 09 '12 at 11:10

5

Finally my answer is, Its not possible to hide/remove these button's on WebView in Android 2.3.

answered Jul 09 '12 at 11:10

bharath

14,283
16
57
95

score 5 · Answer 4 · answered Aug 30 '16 at 10:57

5

If you want to disable only zoom controls use this: webView.getSettings().setDisplayZoomControls(false);

answered Aug 30 '16 at 10:57

Piotr Badura

1,574
1
13
17

code_finder · Answer 5 · 2012-05-26T13:39:46.820

3

Follow this code. It will help you.

Main.java

    WebView wv = (WebView) findViewById(R.id.webview1) ;
    WebSettings webSettings = wv.getSettings();
    webSettings.setBuiltInZoomControls(false);
    wv.loadUrl(url);

edited May 26 '12 at 13:39

answered May 26 '12 at 13:31

code_finder

1,370
2
21
39

At best, this would *enable* the zoom controls. – CommonsWare May 26 '12 at 13:34
change boolean value to false – code_finder May 26 '12 at 13:40

score 3 · Answer 6 · answered Apr 12 '15 at 20:24

3

Just add this line:

webSettings.setDisplayZoomControls(false);

answered Apr 12 '15 at 20:24

TheOnlyAnil

877
1
15
27

The guy asked about Android 2.3, this is not possible with 2.3 – Vahid Amiri Aug 12 '16 at 14:05

score 1 · Answer 7 · answered Aug 12 '16 at 13:19

zoom buttons can be removed by implementing your own custom webview, and using reflection to get the built in zoom controls and making them invisible for API below 11 (Honeycomb). The code is as thus works for all APIs upto android nougat;

public class CustomWebView extends WebView{

    private ZoomButtonsController zoom_controll = null;

    public CustomWebView(Context context) {
        this(context, null);
    }

    public CustomWebView(Context context, AttributeSet attrs) {
        this(context, attrs, android.R.attr.webViewStyle);
    }

    public CustomWebView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initWebSettings();
    }

    @SuppressLint("NewApi")
    private void initWebSettings() {
        WebSettings webSettings = getSettings();

        webSettings.setSupportZoom(true);
        webSettings.setBuiltInZoomControls(true);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
            webSettings.setAllowContentAccess(true);
            webSettings.setDisplayZoomControls(false);

        } else {
            try {
                Class webview = Class.forName("android.webkit.WebView");
                Method method = webview.getMethod("getZoomButtonsController");
                zoom_controll = (ZoomButtonsController) method.invoke(this, null);
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }


    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if(zoom_controll != null)
            zoom_controll.getZoomControls().setVisibility(View.GONE);
        return super.onTouchEvent(event);
    }

}

score 0 · Answer 8 · edited May 23 '17 at 11:46

Here is a solution:

    if (ev.getAction() == MotionEvent.ACTION_DOWN ||
        ev.getAction() == MotionEvent.ACTION_POINTER_DOWN ||
        ev.getAction() == MotionEvent.ACTION_POINTER_1_DOWN ||
        ev.getAction() == MotionEvent.ACTION_POINTER_2_DOWN ||
        ev.getAction() == MotionEvent.ACTION_POINTER_3_DOWN) {
    if (multiTouchZoom && !buttonsZoom) {
        if (ev.getPointerCount() > 1) {
            getSettings().setBuiltInZoomControls(true);
            getSettings().setSupportZoom(true);
        } else {
            getSettings().setBuiltInZoomControls(false);
            getSettings().setSupportZoom(false);
        }
    }
}

if (!multiTouchZoom && buttonsZoom) {
    if (getPointerCount(ev) > 1) {
        return true;
    }
}

In your case multiTouchZoom is true and buttonsZoom is false.

I found it here enable/disable zoom in Android WebView and it's worked for me.

@jayellos replace them with your boolean values. If you want multitouch zoom, replace `multiTouchZoom` with true. If you need to display zoom buttons, replace `buttonsZoom` with true. Otherwise, replace with false. — Dmitry Zaytsev, Sep 12 '12 at 13:02

How to remove zoom buttons on Android webview?

8 Answers8

Linked