Вопрос по java, webview, android – Как отключить горизонтальную прокрутку в веб-браузере Android

14

Я хочу иметь только вертикальную прокрутку в моем веб-просмотре и не хочу никакой горизонтальной прокрутки.

webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

Это помогло мне решить проблему с прокруткой.

Но использование этого сделало мое веб-представление выглядящим странным. Высота всего редактируемого текста сжата (по вертикали) и выглядит плохо.

Is there any other way I can disable horizontal scrolling from client side?

Using SINGLE_COLUMN how can we avoid issue with webview height changes? I want the vertical look and feel to be same as what it used to be without SINGLE_COLUMN

лучший ответ здесьstackoverflow.com/questions/8635498/… Xar E Ahmer

Ваш Ответ

8   ответов
3

и это сработало как шарм, я не знал, что это так просто, всего одна строка:

mWebView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

Источник:http://sharecoding.wordpress.com/2012/02/16/programmatically-disable-scroll-function-on-android-webview/

Алгоритм теперь устарел:developer.android.com/reference/android/webkit/…
это не работает на 4.1.2
Не работает на Nexus 4
Понятно, спасибо за ссылку!
Не работает на Android 5.1
0

ви, здесь класс WebView только для вертикали. Вы можете использовать его как элемент представления внутри xml, чтобы сохранить ваш код чище.

package com.yourpackage.views;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.webkit.WebView;

/**
 * custom {@link WebView} which only scrolls vertically but not horizontally
 */
public class VerticalScrollWebview extends WebView implements View.OnTouchListener {

    // the initial touch points x coordinate
    private float touchDownX;

    public VerticalScrollWebview(Context context) {
        super(context);

        // make vertically scrollable only
        makeVerticalScrollOnly();
    }

    public VerticalScrollWebview(Context context, AttributeSet attrs) {
        super(context, attrs);

        // make vertically scrollable only
        makeVerticalScrollOnly();
    }

    public VerticalScrollWebview(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

        // make vertically scrollable only
        makeVerticalScrollOnly();
    }

    /**
     * make this {@link WebView} vertically scroll only
     */
    private void makeVerticalScrollOnly() {
        // set onTouchListener for vertical scroll only
        setOnTouchListener(this);

        // hide horizontal scroll bar
        setHorizontalScrollBarEnabled(false);
    }

    @Override
    public boolean onTouch(View view, MotionEvent motionEvent) {

        // multitouch is ignored
        if (motionEvent.getPointerCount() > 1) {
            return true;
        }

        // handle x coordinate on single touch events
        switch (motionEvent.getAction()) {
            // save the x coordinate on touch down
            case MotionEvent.ACTION_DOWN:
                touchDownX = motionEvent.getX();
                break;

            // reset the x coordinate on each other touch action, so it doesn't move
            case MotionEvent.ACTION_MOVE:
            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP:
                motionEvent.setLocation(touchDownX, motionEvent.getY());
                break;

        }

        // let the super view handle the update
        return false;

    }
}
26

но тот, который успешно работал для меня в прошлом. Окружите свой WebView в вертикально ориентированном ScrollView:

<ScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:scrollbars="vertical"    >
  <WebView
    android:id="@+id/mywebview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" />
</ScrollView>

а затем отключите все прокрутки в вашем WebView.

Чтобы отключить прокрутку WebView, вы можете использовать этот код:

 // disable scroll on touch
webview.setOnTouchListener(new View.OnTouchListener() {

    public boolean onTouch(View v, MotionEvent event) {
      return (event.getAction() == MotionEvent.ACTION_MOVE);
    }
});
Реализация вышеупомянутого setOnTouchListener отключит прокрутку в обоих направлениях!
но когда я использую loadDataWithBaseUrl для загрузки html-текста, он обрезает содержимое по горизонтали. любое решение?
Нет. Вертикальный ScrollView позволит прокручивать вертикальный контент WebView.
Если я не ошибаюсь, он отключит горизонтальную и вертикальную прокрутку
@SBerg: Спасибо за предложение. Это решение работает нормально :) .. Мне просто интересно, является ли это единственным способом блокировки горизонтальной прокрутки. SK.
2

public class WebViewTouchListener implements View.OnTouchListener {
    private float downX;

    @Override
    public boolean onTouch(final View v, final MotionEvent event) {
        if (event.getPointerCount() > 1) {
            //multi touch
            return true;
        }

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                downX = event.getX();
                break;
            case MotionEvent.ACTION_MOVE:
            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP:
                // set x so that it doesn't move
                event.setLocation(downX, event.getY());
                break;
        }
        return false;
    }
}

И просто используйте его с WebView:

 webView.setHorizontalScrollBarEnabled(false);
 webView.setOnTouchListener(new WebViewTouchListener());
0

что уже поздно, но я надеюсь, что это кому-нибудь поможет, пожалуйста, используйте класс, указанный ниже, чтобы отключить горизонтальную прокрутку.

public class CustomWebView extends WebView implements View.OnTouchListener {

    // the initial touch points x coordinate
    private float touchDownX;
    private OnScrollChangedCallback mOnScrollChangedCallback;

    public CustomWebView(final Context context) {
        super(context);

        // make vertically scrollable only
        makeVerticalScrollOnly();
    }

    public CustomWebView(final Context context, final AttributeSet attrs) {
        super(context, attrs);

        // make vertically scrollable only
        makeVerticalScrollOnly();
    }

    public CustomWebView(final Context context, final AttributeSet attrs, final int defStyle) {
        super(context, attrs, defStyle);

        // make vertically scrollable only
        makeVerticalScrollOnly();
    }

    @Override
    protected void onScrollChanged(final int l, final int t, final int oldl, final int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);
        if (mOnScrollChangedCallback != null) mOnScrollChangedCallback.onScroll(l, t);
    }

    public OnScrollChangedCallback getOnScrollChangedCallback() {
        return mOnScrollChangedCallback;
    }

    public void setOnScrollChangedCallback(final OnScrollChangedCallback onScrollChangedCallback) {
        mOnScrollChangedCallback = onScrollChangedCallback;
    }

    /**
     * Impliment in the activity/fragment/view that you want to listen to the webview
     */
    public static interface OnScrollChangedCallback {
        public void onScroll(int l, int t);
    }

    /**
     * make this {@link WebView} vertically scroll only
     */
    private void makeVerticalScrollOnly() {
        // set onTouchListener for vertical scroll only
        setOnTouchListener(this);

        // hide horizontal scroll bar
        setHorizontalScrollBarEnabled(false);
    }

    @Override
    public boolean onTouch(View view, MotionEvent motionEvent) {

        // multitouch is ignored
        if (motionEvent.getPointerCount() > 1) {
            return true;
        }

        // handle x coordinate on single touch events
        switch (motionEvent.getAction()) {
            // save the x coordinate on touch down
            case MotionEvent.ACTION_DOWN:
                touchDownX = motionEvent.getX();
                break;

            // reset the x coordinate on each other touch action, so it doesn't move
            case MotionEvent.ACTION_MOVE:
            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP:
                motionEvent.setLocation(touchDownX, motionEvent.getY());
                break;

        }

        // let the super view handle the update
        return false;

    }
}
0
 webView.setHorizontalScrollBarEnabled(false);

должна ли быть нарисована горизонтальная полоса прокрутки или нет. Полоса прокрутки не рисуется по умолчанию.

Хотя этот код может ответить на вопрос, предоставление дополнительного контекста относительно того, как и / или почему он решает проблему, улучшит долгосрочную ценность ответа.
32

webView.setHorizontalScrollBarEnabled(false);
webView.setOnTouchListener(new View.OnTouchListener() {
    float m_downX;
    public boolean onTouch(View v, MotionEvent event) {

        if (event.getPointerCount() > 1) {
            //Multi touch detected
            return true;
        }

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN: {
                // save the x
                m_downX = event.getX();
                break;
            }
            case MotionEvent.ACTION_MOVE:
            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP: {
                // set x so that it doesn't move
                event.setLocation(m_downX, event.getY());
                break;
            }

        }
        return false;
    }
});

В основном перехватите событие касания и не допускайте изменения значения x. Это позволяет веб-просмотру прокручивать вертикально, но не горизонтально. Сделай это для тебя, если хочешь обратного.

Я все еще могу нажать в моем веб-просмотре после добавления этого ...
Но это отключило действие щелчка в Webview. Любая помощь?
@ Amir.KH это имя переменной. Просто добавь это
Это также отключает щелчок в веб-представлении для меня.
@vee: не удается разрешить символ m_downX. что такое m_downX, моя Android-студия не распознает, что
-1
  webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.TEXT_AUTOSIZING);

Showcase в Android 7.1

Похожие вопросы