webview 占据整个屏幕,覆盖工具栏
webview ocuping whole screen, covering the toolbars
我有一个带有两个工具栏和一个网络视图的应用程序。当用户在 webview 中向上滑动时,顶部工具栏应该滑动并隐藏,当他向下滑动时,顶部工具栏应该滑动并显示,就像 youtube 应用程序一样。
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context="com.moover.moover.MainActivity">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
android:fitsSystemWindows="true">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay"
app:layout_scrollFlags="scroll|enterAlways" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar2"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay">
<TextView
android:id="@+id/textViewWebPage"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</android.support.v7.widget.Toolbar>
</android.support.design.widget.AppBarLayout>
<android.support.v7.widget.RecyclerView
android:id="@+id/rcView"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
/>
<WebView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/webview"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</android.support.design.widget.CoordinatorLayout>
目前webview覆盖toolbars占满整个屏幕,无法滚动
关于覆盖工具栏的WebView:
关注这个 tutorial
尝试在应用栏布局中移动视图,或者简单地创建一个 content_main.xml 并尝试将其包含在视图中。
使 WebView 可滚动有两种方法:
1) 使用 XML:Webview 应该有一个像 :
这样的滚动视图的父级
<ScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<WebView android:id="@+id/web_view"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
</ScrollView>
2) 在代码中设置:
WebView webView = (WebView) findViewById(R.id.web_view);
webView.setHorizontalScrollBarEnabled(true);
webView.setVerticalScrollBarEnabled(true);
我有一个带有两个工具栏和一个网络视图的应用程序。当用户在 webview 中向上滑动时,顶部工具栏应该滑动并隐藏,当他向下滑动时,顶部工具栏应该滑动并显示,就像 youtube 应用程序一样。
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context="com.moover.moover.MainActivity">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
android:fitsSystemWindows="true">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay"
app:layout_scrollFlags="scroll|enterAlways" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar2"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay">
<TextView
android:id="@+id/textViewWebPage"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</android.support.v7.widget.Toolbar>
</android.support.design.widget.AppBarLayout>
<android.support.v7.widget.RecyclerView
android:id="@+id/rcView"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
/>
<WebView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/webview"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</android.support.design.widget.CoordinatorLayout>
目前webview覆盖toolbars占满整个屏幕,无法滚动
关于覆盖工具栏的WebView: 关注这个 tutorial 尝试在应用栏布局中移动视图,或者简单地创建一个 content_main.xml 并尝试将其包含在视图中。
使 WebView 可滚动有两种方法:
1) 使用 XML:Webview 应该有一个像 :
这样的滚动视图的父级 <ScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<WebView android:id="@+id/web_view"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
</ScrollView>
2) 在代码中设置:
WebView webView = (WebView) findViewById(R.id.web_view);
webView.setHorizontalScrollBarEnabled(true);
webView.setVerticalScrollBarEnabled(true);