我有一项使用WebView
加载网络内容的活动。当我想用图像实现Flexible Space时会出现问题。我可以展开并折叠Toolbar
,但是当Toolbar
已经折叠时,滚动条会卡在那里。我无法滚动WebView
内的内容。
这是XML:
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipToPadding="false"
android:fillViewport="true"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<WebView
android:id="@+id/read_full_content_wv"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</android.support.v4.widget.NestedScrollView>
你有解决方法吗?
此致 埃尔默
修改 在我查看LinX64给出的链接之后。我试着添加:
public class FullContentActivity extends AppCompatActivity {
...
@Override
protected void onCreate(Bundle savedInstance){
...
WebView webView = (WebView) findViewById(R.id.read_full_content_wv);
webView.setWebViewClient(new MyBrowser());
webView.loadData(extra.get(1).toString(), "text/html", "utf-8");
...
}
...
private class MyBrowser extends WebViewClient {
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon){
NestedScrollView nsv = (NestedScrollView) findViewById(R.id.nsv_fc);
nsv.scrollTo(0,0);
}
}
}
仍然被卡住了。
编辑2 仅供参考:我试过华硕Zenfone 6 - KitKat 4.4.2 KitKat是否有可能无法正确加载它?
编辑3:我对此问题的最佳解决方案
在解决之后,我想我无法使用CollapsingToolbarLayout结合WebView获得灵活空间的体验,因此我将WebView更改为TextView并使用Html.fromHtml()
来阅读内容。除非Google会更新或修复某些功能,否则我们可以将CollapsingToolbarLayout和WebView结合在一起。
答案 0 :(得分:12)
通过使用NestedScrollingChild接口,我们可以在webview中实现NestedScrollView属性。并在onTouchEvent()方法下自定义滚动功能。
public class NestedWebView extends WebView implements NestedScrollingChild {
private int mLastY;
private final int[] mScrollOffset = new int[2];
private final int[] mScrollConsumed = new int[2];
private int mNestedOffsetY;
private NestedScrollingChildHelper mChildHelper;
public NestedWebView(Context context) {
this(context, null);
}
public NestedWebView(Context context, AttributeSet attrs) {
this(context, attrs, android.R.attr.webViewStyle);
}
public NestedWebView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
mChildHelper = new NestedScrollingChildHelper(this);
setNestedScrollingEnabled(true);
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
boolean returnValue = false;
MotionEvent event = MotionEvent.obtain(ev);
final int action = MotionEventCompat.getActionMasked(event);
if (action == MotionEvent.ACTION_DOWN) {
mNestedOffsetY = 0;
}
int eventY = (int) event.getY();
event.offsetLocation(0, mNestedOffsetY);
switch (action) {
case MotionEvent.ACTION_MOVE:
int totalScrollOffset = 0;
int deltaY = mLastY - eventY;
// NestedPreScroll
if (dispatchNestedPreScroll(0, deltaY, mScrollConsumed, mScrollOffset)) {
totalScrollOffset += mScrollOffset[1];
deltaY -= mScrollConsumed[1];
event.offsetLocation(0, -mScrollOffset[1]);
mNestedOffsetY += mScrollOffset[1];
}
returnValue = super.onTouchEvent(event);
// NestedScroll
if (dispatchNestedScroll(0, mScrollOffset[1], 0, deltaY, mScrollOffset)) {
totalScrollOffset += mScrollOffset[1];
event.offsetLocation(0, mScrollOffset[1]);
mNestedOffsetY += mScrollOffset[1];
mLastY -= mScrollOffset[1];
}
mLastY = eventY - totalScrollOffset;
break;
case MotionEvent.ACTION_DOWN:
returnValue = super.onTouchEvent(event);
mLastY = eventY;
// start NestedScroll
startNestedScroll(ViewCompat.SCROLL_AXIS_VERTICAL);
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
returnValue = super.onTouchEvent(event);
// end NestedScroll
stopNestedScroll();
break;
}
return returnValue;
}
// Nested Scroll implements
@Override
public void setNestedScrollingEnabled(boolean enabled) {
mChildHelper.setNestedScrollingEnabled(enabled);
}
@Override
public boolean isNestedScrollingEnabled() {
return mChildHelper.isNestedScrollingEnabled();
}
@Override
public boolean startNestedScroll(int axes) {
return mChildHelper.startNestedScroll(axes);
}
@Override
public void stopNestedScroll() {
mChildHelper.stopNestedScroll();
}
@Override
public boolean hasNestedScrollingParent() {
return mChildHelper.hasNestedScrollingParent();
}
@Override
public boolean dispatchNestedScroll(int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed,
int[] offsetInWindow) {
return mChildHelper.dispatchNestedScroll(dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed, offsetInWindow);
}
@Override
public boolean dispatchNestedPreScroll(int dx, int dy, int[] consumed, int[] offsetInWindow) {
return mChildHelper.dispatchNestedPreScroll(dx, dy, consumed, offsetInWindow);
}
@Override
public boolean dispatchNestedFling(float velocityX, float velocityY, boolean consumed) {
return mChildHelper.dispatchNestedFling(velocityX, velocityY, consumed);
}
@Override
public boolean dispatchNestedPreFling(float velocityX, float velocityY) {
return mChildHelper.dispatchNestedPreFling(velocityX, velocityY);
}
}
声明NestedWebView,而不是在NestedScrollView内声明webview。例如,
<com.nestedscrollwebviewexample.NestedWebView
android:id="@+id/nested_webview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#000000"
android:fillViewport="true"
android:focusable="true"
android:isScrollContainer="false"
android:visibility="visible"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
app:layout_scrollFlags="scroll|exitUntilCollapsed" />
您可以在Activity
中初始化为NestedWebView,而不是声明Webview private NestedWebView mShopWebView;
mShopWebView = (NestedWebView) findViewById(R.id.url_load_webview);
答案 1 :(得分:5)
通过更改底层Webview的height属性来解决这一问题。
对于NestedScrollView使用属性
android:layout_height="wrap_content"
,对于WebView,请使用sql-server pivot
完整答案IEEE 754
答案 2 :(得分:4)
只需使NestedScrollView fillViewport =“ false”和WebView layout_height =“ wrap_content”
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="false"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<WebView
android:id="@+id/read_full_content_wv"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
答案 3 :(得分:3)
我遇到了类似的问题,但我通过使用以下自定义WebView类来管理触摸事件,从而在多个Android版本上解决了这个问题:
import android.content.Context;
import android.support.v4.view.MotionEventCompat;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.webkit.WebView;
/**
* Created by pk on 10/16/16.
* Creates a WebView that can be used inside a ScrollView
*/
public class CustomWebView extends WebView {
public CustomWebView(Context context) {
super(context);
}
public CustomWebView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public CustomWebView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
//Check pointer index to avoid -1 (error)
if (MotionEventCompat.findPointerIndex(event, 0) == -1) {
return super.onTouchEvent(event);
}
if (event.getPointerCount() >= 2) {
requestDisallowInterceptTouchEvent(true);
} else {
requestDisallowInterceptTouchEvent(false);
}
return super.onTouchEvent(event);
}
@Override
protected void onOverScrolled(int scrollX, int scrollY, boolean clampedX, boolean clampedY) {
super.onOverScrolled(scrollX, scrollY, clampedX, clampedY);
requestDisallowInterceptTouchEvent(true);
}
}
答案 4 :(得分:0)
解决方案:
只需将webView的高度match_parent
更改为wrap_content
即可。
当您执行height = "match_parent"
时,WebView不会在ScrollView中滚动滚动
android:id="@+id/read_full_content_wv"
android:layout_width="match_parent"
android:layout_height="wrap_content" // just change height of webView
/> ```
答案 5 :(得分:-1)
我觉得它已经有一段时间了,但无论如何我都会尝试
我遇到了类似的问题。
我通过替换:android.support.v4.widget.NestedScrollView解决了这个问题 with:android.widget.ScrollView 我不知道它会如何影响折叠工具栏。