Bis jetzt war ich nur ein iPhone-Entwickler und jetzt habe ich beschlossen, Android einen Wirbel zu geben. Etwas, das ich auf Android nicht herausfinden konnte, ist, wie man programmgesteuert das Scrollen in einem verhindert WebView.
Etwas Ähnliches wie die iPhone-Prävention der onTouchMoveVeranstaltung wäre großartig!
Antworten:
Hier ist mein Code zum Deaktivieren des gesamten Bildlaufs in der Webansicht:
// disable scroll on touch
webview.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
return (event.getAction() == MotionEvent.ACTION_MOVE);
}
});
So blenden Sie nur die Bildlaufleisten aus, deaktivieren jedoch nicht das Scrollen:
WebView.setVerticalScrollBarEnabled(false);
WebView.setHorizontalScrollBarEnabled(false);
Sie können auch versuchen, ein einspaltiges Layout zu verwenden. Dies funktioniert jedoch nur bei einfachen Seiten und deaktiviert das horizontale Scrollen:
//Only disabled the horizontal scrolling:
webview.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
Sie können auch versuchen, Ihre Webansicht mit einer vertikal scrollenden Bildlaufansicht zu verpacken und alle Bildlaufvorgänge in der Webansicht zu deaktivieren:
<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"
android:scrollbars="none" />
</ScrollView>
Und setzen
webview.setScrollContainer(false);Vergessen Sie nicht, den webview.setOnTouchListener(...)obigen Code hinzuzufügen , um das Scrollen in der Webansicht zu deaktivieren. Die vertikale ScrollView ermöglicht das Scrollen des WebView-Inhalts.
MotionEvent.ACTION_MOVEEreignisse in Ihrem behandeln müssen, WebViewsiehe meine Antwort unten.
ACTION_MOVEauf der setOnTouchListenerVeranstaltung einige Nebenwirkungen hat , so würde ich diese Antwort nicht empfehlen; 1. Schnelle Wischvorgänge werden als onclickEreignisse auf der Seite gezählt. 2. Verhindert das Überlaufen von Elementen auf der Seite. Dies kann je nach Site für eine ordnungsgemäße Interaktion erforderlich sein. 3. Das JS- touchmoveEreignis. @GDanger hat die richtige Antwort, die das überschreibt, overScrollByindem es das erweitert, WebViewda es keine anderen Effekte hat, sondern nur das Scrollen von Seiten verhindert. stackoverflow.com/a/26129301/1244574
Ich weiß nicht, ob Sie es noch brauchen oder nicht, aber hier ist die Lösung:
appView = (WebView) findViewById(R.id.appView);
appView.setVerticalScrollBarEnabled(false);
appView.setHorizontalScrollBarEnabled(false);
Das WebViewIgnorieren von Bewegungsereignissen ist der falsche Weg. Was ist, wenn Sie WebViewvon diesen Ereignissen erfahren müssen?
Unterklassen WebViewund überschreiben Sie stattdessen die nicht privaten Bildlaufmethoden.
public class NoScrollWebView extends WebView {
...
@Override
public boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY,
int scrollRangeX, int scrollRangeY, int maxOverScrollX,
int maxOverScrollY, boolean isTouchEvent) {
return false;
}
@Override
public void scrollTo(int x, int y) {
// Do nothing
}
@Override
public void computeScroll() {
// Do nothing
}
}
Wenn man sich die aussehen Quelle für WebViewkönnen Sie sehen , dass onTouchEventAnrufe , doDragdie Anrufe overScrollBy .
Durch Hinzufügen der Randdetails zum Textkörper wird das Scrollen verhindert, wenn Ihr Inhalt ordnungsgemäß umbrochen wird.
<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">Einfach genug und viel weniger Code + Bug Overhead :)
Legen Sie einen Listener in Ihrem WebView fest:
webView.setOnTouchListener(new View.OnTouchListener() {
public boolean onTouch(View v, MotionEvent event) {
return(event.getAction() == MotionEvent.ACTION_MOVE));
}
});
returnZeile. Auch dies bricht HTML5-Canvas- und JavaScript-Touch-Ereignisse.
event.getAction() != MotionEvent.ACTION_MOVEgenauso gut versucht wiereturn true
return falsenicht return true.
Ich habe dies noch nicht versucht, da ich noch nicht auf dieses Problem gestoßen bin, aber vielleicht könnten Sie die onScroll-Funktion überschreiben?
@Override
public void scrollTo(int x, int y){
super.scrollTo(0,y);
}
Meine schmutzige, aber einfach zu implementierende und gut funktionierende Lösung:
Fügen Sie einfach die Webansicht in eine Bildlaufansicht ein. Stellen Sie die Webansicht so ein, dass sie viel zu groß als der mögliche Inhalt ist (in einer oder beiden Dimensionen, abhängig von den Anforderungen). ..und richten Sie die Bildlaufleiste (n) der Bildlaufansicht nach Ihren Wünschen ein.
Beispiel zum Deaktivieren der horizontalen Bildlaufleiste in einer Webansicht:
<ScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:scrollbars="vertical"
>
<WebView
android:id="@+id/mywebview"
android:layout_width="1000dip"
android:layout_height="fill_parent"
/>
</ScrollView>Ich hoffe das hilft ;)
Ich habe das Flimmern behoben und automatisch gescrollt durch:
webView.setFocusable(false);
webView.setFocusableInTouchMode(false);Wenn es jedoch aus irgendeinem Grund immer noch nicht funktioniert, erstellen Sie einfach eine Klasse, die WebView erweitert, und fügen Sie diese Methode hinzu:
// disable scroll on touch
setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
return (event.getAction() == MotionEvent.ACTION_MOVE);
}
});Ich schlage vor, WebView zu erweitern, um eine effektivere Steuerung wie Deaktivieren / Aktivieren von Wischen, Aktivieren / Deaktivieren von Berührungen, Listener, Steuerungsübergänge, Animationen, internes Definieren von Einstellungen usw. bereitzustellen.
Verwenden Sie diese Option, um den Bildlauf zu deaktivieren
webView.setOnTouchListener(new View.OnTouchListener() {
public boolean onTouch(View v, MotionEvent event)
{
return (event.getAction() == MotionEvent.ACTION_MOVE);
}
});Dies ist möglicherweise nicht die Ursache Ihres Problems, aber ich habe stundenlang versucht herauszufinden, warum meine Anwendung, die auf dem iPhone einwandfrei funktioniert hat, dazu führt, dass der Android-Browser ständig die vertikalen / horizontalen Bildlaufleisten hochwirft und die Seite tatsächlich verschiebt. Ich hatte ein HTML-Body-Tag mit einer Höhe und Breite von 100% und der Body war voller verschiedener Tags an verschiedenen Orten. Egal was ich versuchte, die Android-Browser zeigten ihre Bildlaufleisten an und bewegten die Seite nur ein wenig, besonders wenn sie schnell wischten. Die Lösung, die für mich funktionierte, ohne etwas in einer APK tun zu müssen, bestand darin, dem Body-Tag Folgendes hinzuzufügen:
leftmargin="0" topmargin="0"Es scheint, dass die Standardränder für Body-Tags auf den Droiden angewendet, auf dem iPhone jedoch ignoriert wurden
Wenn Sie Webview unterklassifizieren , können Sie onTouchEvent einfach überschreiben, um die Verschiebungsereignisse herauszufiltern, die das Scrollen auslösen.
public class SubWebView extends WebView {
@Override
public boolean onTouchEvent (MotionEvent ev) {
if(ev.getAction() == MotionEvent.ACTION_MOVE) {
postInvalidate();
return true;
}
return super.onTouchEvent(ev);
}
...Das Studieren der obigen Antworten hat fast für mich funktioniert ... aber ich hatte immer noch ein Problem, dass ich die Ansicht zu 2.1 'schleudern' konnte (schien mit 2.2 & 2.3 behoben zu sein).
Hier ist meine endgültige Lösung
public class MyWebView extends WebView
{
private boolean bAllowScroll = true;
@SuppressWarnings("unused") // it is used, just java is dumb
private long downtime;
public MyWebView(Context context, AttributeSet attrs)
{
super(context, attrs);
}
public void setAllowScroll(int allowScroll)
{
bAllowScroll = allowScroll!=0;
if (!bAllowScroll)
super.scrollTo(0,0);
setHorizontalScrollBarEnabled(bAllowScroll);
setVerticalScrollBarEnabled(bAllowScroll);
}
@Override
public boolean onTouchEvent(MotionEvent ev)
{
switch (ev.getAction())
{
case MotionEvent.ACTION_DOWN:
if (!bAllowScroll)
downtime = ev.getEventTime();
break;
case MotionEvent.ACTION_CANCEL:
case MotionEvent.ACTION_UP:
if (!bAllowScroll)
{
try {
Field fmNumSamples = ev.getClass().getDeclaredField("mNumSamples");
fmNumSamples.setAccessible(true);
Field fmTimeSamples = ev.getClass().getDeclaredField("mTimeSamples");
fmTimeSamples.setAccessible(true);
long newTimeSamples[] = new long[fmNumSamples.getInt(ev)];
newTimeSamples[0] = ev.getEventTime()+250;
fmTimeSamples.set(ev,newTimeSamples);
} catch (Exception e) {
e.printStackTrace();
}
}
break;
}
return super.onTouchEvent(ev);
}
@Override
public void flingScroll(int vx, int vy)
{
if (bAllowScroll)
super.flingScroll(vx,vy);
}
@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt)
{
if (bAllowScroll)
super.onScrollChanged(l, t, oldl, oldt);
else if (l!=0 || t!=0)
super.scrollTo(0,0);
}
@Override
public void scrollTo(int x, int y)
{
if (bAllowScroll)
super.scrollTo(x,y);
}
@Override
public void scrollBy(int x, int y)
{
if (bAllowScroll)
super.scrollBy(x,y);
}
}Dies sollte die vollständige Antwort sein. Wie von @GDanger vorgeschlagen. Erweitern Sie WebView, um die Bildlaufmethoden zu überschreiben und die benutzerdefinierte Webansicht in Layout-XML einzubetten.
public class ScrollDisabledWebView extends WebView {
private boolean scrollEnabled = false;
public ScrollDisabledWebView(Context context) {
super(context);
initView(context);
}
public ScrollDisabledWebView(Context context, AttributeSet attributeSet) {
super(context, attributeSet);
initView(context);
}
// this is important. Otherwise it throws Binary Inflate Exception.
private void initView(Context context) {
LayoutInflater inflater = (LayoutInflater) context
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
}
@Override
protected boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY,
int scrollRangeX, int scrollRangeY, int maxOverScrollX,
int maxOverScrollY, boolean isTouchEvent) {
if (scrollEnabled) {
return super.overScrollBy(deltaX, deltaY, scrollX, scrollY,
scrollRangeX, scrollRangeY, maxOverScrollX, maxOverScrollY, isTouchEvent);
}
return false;
}
@Override
public void scrollTo(int x, int y) {
if (scrollEnabled) {
super.scrollTo(x, y);
}
}
@Override
public void computeScroll() {
if (scrollEnabled) {
super.computeScroll();
}
}
}Und dann wie folgt in die Layoutdatei einbetten
<com.sample.apps.ScrollDisabledWebView
android:id="@+id/webView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerInParent="true"
tools:context="com.sample.apps.HomeActivity"/>Verwenden Sie dann in der Aktivität einige zusätzliche Methoden zum Deaktivieren von Bildlaufleisten.
ScrollDisabledWebView webView = (ScrollDisabledWebView) findViewById(R.id.webView);
webView.setVerticalScrollBarEnabled(false);
webView.setHorizontalScrollBarEnabled(false);