Şimdiye kadar sadece bir iPhone geliştiricisiydim ve şimdi Android'e bir koşuşturma vermeye karar verdim. Android'de çözemediğim bir şey, bir WebView? 'De kaydırmayı programlı olarak nasıl engelleyeceğim ?
İPhone'ların onTouchMoveolayı önlemesine benzer bir şey harika olurdu!
Yanıtlar:
İşte web görünümünde tüm kaydırmayı devre dışı bırakmak için kodum :
// disable scroll on touch
webview.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
return (event.getAction() == MotionEvent.ACTION_MOVE);
}
});
Yalnızca kaydırma çubuklarını gizlemek, ancak kaydırmayı devre dışı bırakmamak için:
WebView.setVerticalScrollBarEnabled(false);
WebView.setHorizontalScrollBarEnabled(false);
veya tek sütun düzeni kullanmayı deneyebilirsiniz, ancak bu yalnızca basit sayfalarda çalışır ve yatay kaydırmayı devre dışı bırakır:
//Only disabled the horizontal scrolling:
webview.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
Ayrıca , web görünümünüzü dikey kaydırmalı kaydırma görünümüyle kaydırmayı deneyebilir ve web görünümündeki tüm kaydırmayı devre dışı bırakabilirsiniz:
<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>
Ve ayarla
webview.setScrollContainer(false);
webview.setOnTouchListener(...)Web görünümünde tüm kaydırmayı devre dışı bırakmak için yukarıdaki kodu eklemeyi unutmayın . Dikey ScrollView, WebView içeriğinin kaydırılmasına izin verir.
MotionEvent.ACTION_MOVEOlayları halletmeniz gerekiyorsa WebViewaşağıdaki cevabıma bakın.
ACTION_MOVEüzerine setOnTouchListenerbu cevabı tavsiye ETMEM böylece olay bazı yan etkileri vardır; 1. Hızlı kaydırmalar onclick, sayfadaki etkinlikler olarak sayılır . 2. Sayfadaki öğelerin taşmasını önler, bu, siteye bağlı olarak uygun etkileşim için gerekli olabilir. 3. JS touchmoveolayı. @GDanger, başka bir etkisi olmadığı için overScrollBygenişleterek geçersiz kılan doğru cevaba sahip WebView, sadece sayfanın kaydırılmasını engelliyor. stackoverflow.com/a/26129301/1244574
Hala ihtiyacınız olup olmadığını bilmiyorum, ama işte çözüm:
appView = (WebView) findViewById(R.id.appView);
appView.setVerticalScrollBarEnabled(false);
appView.setHorizontalScrollBarEnabled(false);
Yapımı WebViewhareket olayları görmezden bu konuda gitmek için yanlış bir yoldur. Ya WebViewbu olayları duymak gerekirse ?
Bunun yerine WebView, özel olmayan kaydırma yöntemlerini alt sınıflara ayırın ve geçersiz kılın.
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
}
}
Eğer bakarsanız kaynağı için WebViewbunu görebilirsiniz onTouchEventçağrıları doDragçağırır overScrollBy .
Kenar boşluğu ayrıntılarını gövdeye eklemek, içeriğiniz düzgün bir şekilde sarılırsa kaydırmayı engeller:
<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">
Yeterince kolay ve çok daha az kod + hata yükü :)
Web Görünümünüzde bir dinleyici ayarlayın:
webView.setOnTouchListener(new View.OnTouchListener() {
public boolean onTouch(View v, MotionEvent event) {
return(event.getAction() == MotionEvent.ACTION_MOVE));
}
});
returnsatırın sonunda fazladan bir parantez var. Ayrıca bu, HTML5 canvas ve JavaScript dokunma olaylarını bozar.
event.getAction() != MotionEvent.ACTION_MOVEyanı sırareturn true
return false, değil return true.
Henüz bu sorunla karşılaşmadığım için bunu denemedim, ancak belki onScroll işlevini aşabilirsiniz?
@Override
public void scrollTo(int x, int y){
super.scrollTo(0,y);
}
Kirli ama uygulaması kolay ve iyi çalışan çözümüm:
Web görünümünü bir kaydırma görünümünün içine yerleştirmeniz yeterlidir. Web görünümünün olası içerikten çok daha büyük olmasını sağlayın (gereksinimlere bağlı olarak bir veya iki boyutta). ..ve kaydırma görünümünün kaydırma çubuklarını istediğiniz gibi ayarlayın.
Bir web görünümünde yatay kaydırma çubuğunu devre dışı bırakma örneği:
<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>
Umarım bu yardımcı olur ;)
Titreme ve otomatik kaydırmayı şu şekilde çözdüm:
webView.setFocusable(false);
webView.setFocusableInTouchMode(false);
Bununla birlikte, herhangi bir nedenle hala çalışmıyorsa, Web Görünümü'nü genişleten bir sınıf oluşturun ve bu yöntemi üzerine koyun:
// disable scroll on touch
setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
return (event.getAction() == MotionEvent.ACTION_MOVE);
}
});
Kaydırmayı devre dışı bırakmak / etkinleştirmek, dokunmaları etkinleştirmek / devre dışı bırakmak, dinleyiciler, kontrol geçişleri, animasyonlar, ayarları dahili olarak tanımlama gibi daha etkili bir kontrol sağlamak için Web Görünümü'nü genişletmeyi öneriyorum.
Kaydırmayı devre dışı bırakmak için bunu kullanın
webView.setOnTouchListener(new View.OnTouchListener() {
public boolean onTouch(View v, MotionEvent event)
{
return (event.getAction() == MotionEvent.ACTION_MOVE);
}
});
Sorununuzun kaynağı bu olmayabilir, ancak iphone'da iyi çalışan uygulamamın neden android tarayıcısının sürekli olarak dikey / yatay kaydırma çubuklarını atmasına ve gerçekte sayfayı hareket ettirmesine neden olduğunu bulmaya çalışırken saatler harcadım. Yüksekliği ve genişliği% 100 olarak ayarlanmış bir html gövde etiketim vardı ve gövde farklı yerlerde çeşitli etiketlerle doluydu. Ne denersem deneyeyim, android tarayıcılar kaydırma çubuklarını gösterir ve sayfayı biraz hareket ettirir, özellikle hızlı bir kaydırma yaparken. Bir APK'de hiçbir şey yapmak zorunda kalmadan benim için çalışan çözüm, aşağıdakileri gövde etiketine eklemekti:
leftmargin="0" topmargin="0"
Gövde etiketi için varsayılan kenar boşlukları droid üzerinde uygulanıyor ancak iphone'da yok sayılıyor
Size ise alt sınıf Web görünümü, sadece tetik kaydırma bu hareketin-olayları filtrelemek için onTouchEvent geçersiz kılabilir.
public class SubWebView extends WebView {
@Override
public boolean onTouchEvent (MotionEvent ev) {
if(ev.getAction() == MotionEvent.ACTION_MOVE) {
postInvalidate();
return true;
}
return super.onTouchEvent(ev);
}
...
Yukarıdaki cevapları incelemek benim için neredeyse işe yaradı ... ama yine de 2.1'deki görüşten 'kaçabileceğim' bir problemim vardı (2.2 ve 2.3 ile düzeltilmiş görünüyordu).
işte benim son çözümüm
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);
}
}
Bu tam cevap olmalı. @GDanger tarafından önerildiği gibi. Kaydırma yöntemlerini geçersiz kılmak ve özel web görünümünü düzen xml içine yerleştirmek için Web Görünümü'nü genişletin.
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();
}
}
}
Ve sonra aşağıdaki gibi düzen dosyasına katıştırın
<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"/>
Ardından, Aktivitede, kaydırma çubuklarını devre dışı bırakmak için bazı ek yöntemler kullanın.
ScrollDisabledWebView webView = (ScrollDisabledWebView) findViewById(R.id.webView);
webView.setVerticalScrollBarEnabled(false);
webView.setHorizontalScrollBarEnabled(false);