Từ trước đến nay, tôi chỉ là nhà phát triển iPhone và bây giờ tôi đã quyết định sử dụng Android. Một điều mà tôi chưa thể tìm ra trên Android là làm thế nào để ngăn chặn việc cuộn trong một chương trình WebView?
Một cái gì đó tương tự như iPhone ngăn chặn onTouchMovesự kiện sẽ rất tuyệt!
Câu trả lời:
Đây là mã của tôi để tắt tất cả các thao tác cuộn trong webview:
// disable scroll on touch
webview.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
return (event.getAction() == MotionEvent.ACTION_MOVE);
}
});
Để chỉ ẩn các thanh cuộn, nhưng không tắt cuộn:
WebView.setVerticalScrollBarEnabled(false);
WebView.setHorizontalScrollBarEnabled(false);
hoặc bạn có thể thử sử dụng bố cục cột đơn nhưng điều này chỉ hoạt động với các trang đơn giản và nó vô hiệu hóa tính năng cuộn ngang:
//Only disabled the horizontal scrolling:
webview.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
Bạn cũng có thể thử kết hợp chế độ xem web của mình với chế độ xem cuộn cuộn theo chiều dọc và tắt tất cả các thao tác cuộn trên chế độ xem web:
<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>
Và thiết lập
webview.setScrollContainer(false);
Đừng quên thêm webview.setOnTouchListener(...)mã ở trên để tắt tất cả các thao tác cuộn trong chế độ xem web. ScrollView dọc sẽ cho phép cuộn nội dung của WebView.
MotionEvent.ACTION_MOVEcác sự kiện trong của bạn, WebViewhãy xem câu trả lời của tôi bên dưới.
ACTION_MOVEtrên setOnTouchListenersự kiện có một số tác dụng phụ vì vậy tôi sẽ không khuyên bạn câu trả lời này; 1. Các lần vuốt nhanh được tính là onclicksự kiện tới trang. 2. Ngăn việc cuộn tràn các phần tử trên trang, điều này có thể cần thiết để tương tác thích hợp tùy thuộc vào trang web. 3. Sự touchmovekiện JS . @GDanger có câu trả lời chính xác đang ghi đè overScrollBybằng cách mở rộng WebViewvì nó không có tác dụng phụ, chỉ ngăn việc cuộn trang. stackoverflow.com/a/26129301/1244574
Tôi không biết nếu bạn vẫn cần nó hay không, nhưng đây là giải pháp:
appView = (WebView) findViewById(R.id.appView);
appView.setVerticalScrollBarEnabled(false);
appView.setHorizontalScrollBarEnabled(false);
Làm cho các WebViewsự kiện chuyển động bỏ qua là một cách sai lầm để thực hiện nó. Nếu WebViewnhu cầu nghe về những sự kiện này thì sao?
Thay vào đó phân lớp WebViewvà ghi đè các phương thức cuộn không riêng tư.
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
}
}
Nếu bạn nhìn vào các nguồn cho WebViewbạn có thể thấy rằng onTouchEventcác cuộc gọi doDragmà gọi overScrollBy .
Thêm chi tiết lề vào phần nội dung sẽ ngăn không cho cuộn nếu nội dung của bạn kết thúc đúng cách, như vậy:
<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">
Đủ dễ dàng và ít chi phí mã + lỗi hơn rất nhiều :)
Đặt một trình nghe trên WebView của bạn:
webView.setOnTouchListener(new View.OnTouchListener() {
public boolean onTouch(View v, MotionEvent event) {
return(event.getAction() == MotionEvent.ACTION_MOVE));
}
});
returndòng ở đó. Ngoài ra, điều này phá vỡ các sự kiện chạm trên canvas HTML5 và JavaScript.
event.getAction() != MotionEvent.ACTION_MOVEcũng nhưreturn true
return false, không return true.
Tôi chưa thử vì tôi vẫn chưa gặp sự cố này, nhưng có lẽ bạn có thể ghi đè chức năng onScroll?
@Override
public void scrollTo(int x, int y){
super.scrollTo(0,y);
}
Giải pháp bẩn, nhưng dễ thực hiện và hoạt động tốt của tôi:
Chỉ cần đặt chế độ xem web bên trong chế độ xem cuộn. Đặt chế độ xem web quá lớn so với nội dung có thể (theo một hoặc cả hai chiều, tùy thuộc vào yêu cầu). ..và thiết lập (các) thanh cuộn của chế độ xem như bạn muốn.
Ví dụ để tắt thanh cuộn ngang trên chế độ xem web:
<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>
Tôi hi vọng cái này giúp được ;)
Tôi đã giải quyết hiện tượng nhấp nháy và tự động cuộn bằng cách:
webView.setFocusable(false);
webView.setFocusableInTouchMode(false);
Tuy nhiên, nếu nó vẫn không hoạt động vì lý do nào đó, chỉ cần tạo một lớp mở rộng WebView và đặt phương thức này vào nó:
// disable scroll on touch
setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
return (event.getAction() == MotionEvent.ACTION_MOVE);
}
});
Tôi đang đề xuất mở rộng WebView, để cung cấp khả năng kiểm soát hiệu quả hơn, như tắt / bật vuốt, bật / tắt chạm, trình nghe, điều khiển chuyển tiếp, hoạt ảnh, xác định cài đặt nội bộ, v.v.
Để tắt cuộn, hãy sử dụng cái này
webView.setOnTouchListener(new View.OnTouchListener() {
public boolean onTouch(View v, MotionEvent event)
{
return (event.getAction() == MotionEvent.ACTION_MOVE);
}
});
Đây có thể không phải là nguồn gốc của vấn đề của bạn nhưng tôi đã dành hàng giờ để cố gắng tìm ra lý do tại sao ứng dụng của tôi hoạt động tốt trên iPhone khiến trình duyệt Android liên tục ném thanh cuộn dọc / ngang và thực sự di chuyển trang. Tôi có một thẻ nội dung html với chiều cao và chiều rộng được đặt thành 100% và phần nội dung có đầy đủ các thẻ khác nhau ở các vị trí khác nhau. Bất kể tôi đã thử gì, các trình duyệt Android sẽ hiển thị thanh cuộn của chúng và di chuyển trang chỉ một chút, đặc biệt là khi thực hiện thao tác vuốt nhanh. Giải pháp phù hợp với tôi mà không cần phải thực hiện bất kỳ điều gì trong APK là thêm phần sau vào thẻ body:
leftmargin="0" topmargin="0"
Có vẻ như các lề mặc định cho thẻ body đã được áp dụng trên droid nhưng bị bỏ qua trên iPhone
Nếu bạn phân lớp Webview, bạn có thể chỉ cần ghi đè onTouchEvent để lọc ra các sự kiện di chuyển kích hoạt cuộn.
public class SubWebView extends WebView {
@Override
public boolean onTouchEvent (MotionEvent ev) {
if(ev.getAction() == MotionEvent.ACTION_MOVE) {
postInvalidate();
return true;
}
return super.onTouchEvent(ev);
}
...
nghiên cứu các câu trả lời ở trên hầu như đã làm việc cho tôi ... nhưng tôi vẫn gặp vấn đề là tôi có thể 'chuyển' chế độ xem trên 2.1 (dường như được sửa với 2.2 & 2.3).
đây là giải pháp cuối cùng của tôi
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);
}
}
Đây sẽ là câu trả lời đầy đủ. Theo gợi ý của @GDanger. Mở rộng WebView để ghi đè các phương pháp cuộn và nhúng chế độ xem web tùy chỉnh trong xml bố cục.
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();
}
}
}
Và sau đó nhúng vào tệp bố cục như sau
<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"/>
Sau đó, trong Hoạt động, sử dụng một số phương pháp bổ sung để tắt thanh cuộn.
ScrollDisabledWebView webView = (ScrollDisabledWebView) findViewById(R.id.webView);
webView.setVerticalScrollBarEnabled(false);
webView.setHorizontalScrollBarEnabled(false);