ViewPager 内的 Recyclerview 位于嵌套的 Scroll View 内
Recyclerview inside ViewPager which is inside nested Scroll View
我在协调器布局中使用了以下代码,并且我正在使用自定义折叠工具栏设计。
<?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"
tools:ignore="RtlHardcoded">
<android.support.design.widget.AppBarLayout
android:id="@+id/main.appbar"
android:layout_width="match_parent"
android:layout_height="250dp"
android:background="@drawable/backg">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/main.collapsing"
android:layout_width="match_parent"
android:layout_height="250dp"
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed|snap">
<FrameLayout
android:id="@+id/main.framelayout.title"
android:layout_width="match_parent"
android:layout_height="130dp"
android:layout_gravity="bottom"
android:background="#00000000"
android:orientation="vertical"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.3">
<LinearLayout
android:id="@+id/main.linearlayout.title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="30dp"
android:layout_gravity="left"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="bottom"
android:text="User Name"
android:id="@+id/username"
android:textColor="@android:color/white"
android:textSize="30sp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:id="@+id/business"
android:text="Users Business"
android:textColor="@android:color/white"/>
</LinearLayout>
</FrameLayout>
<android.support.v7.widget.Toolbar
android:id="@+id/main.toolbar"
android:layout_width="match_parent"
android:layout_height="110dp"
android:background="#00000000"
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:title=""
app:layout_collapseMode="pin">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="horizontal">
<ImageView
android:layout_width="32dp"
android:layout_height="32dp"
android:id="@+id/back"
android:layout_marginTop="10dp"
android:background="@drawable/ic_arrow_back"/>
<TextView
android:id="@+id/main.textview.title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="12dp"
android:text="User Name"
android:textColor="@android:color/white"
android:textSize="24sp"
/>
</LinearLayout>
</android.support.v7.widget.Toolbar>
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#00000000"
android:layout_gravity="bottom"
app:tabMode="fixed"
app:tabGravity="fill"
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
android:layout_gravity="fill_vertical"
android:fillViewport="true"
android:layout_marginBottom="110dp">
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_gravity="fill_vertical"
android:layout_height="match_parent"
android:background="@android:color/white">
</android.support.v4.view.ViewPager>
</android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>
现在我面临的问题是,当我 运行 这个应用程序在较低的 OS 版本上时,在所有 viewpager 片段 Recyclerviews 中滚动时一切正常,但是当我使用 OS 以上 Android.M,recyclerview 的高度超出了显示屏幕,并且不够明显,无法看到屏幕上的项目。请帮我解决我的问题。我已经设计了我的自定义折叠栏布局,但它在较低 Android OS.
中没问题
[已编辑]
这是我添加 margin_bottom 操作栏大小时的一些快照。
<--- 快照结束。
你可以看到 viewpagers 的高度小于屏幕尺寸,因为我们使用了 marginBottom。
现在
对于 Higher 变量,使用 marginBottom 时如下所示一切正常。
您可以尝试在 viewpapger 之上添加 linearLayout 并尝试一下。
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="800dp"
android:orientation="vertical">
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"/>
如果我理解你的问题是对的,你必须添加工具栏的边距(正如你已经说过的)。我通过添加 layout_gravity
解决了这个问题,如下所示。
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
android:layout_gravity="fill_vertical"
android:layout_marginBottom="?attr/actionBarSize">
感谢您的评论和对我问题的回答,但是在深入挖掘之后我没有发现任何有用的东西,尽管以编程方式设置高度。所以我尝试了下面的代码片段,效果很好。
对于更高的变体,在 NestedScrollView 中的布局 xml 中将 marginBottom 设置为 actionbar 大小,对于较低的变体,请使用下面的 Hack。
NestedScrollingView nsv = findViewByID(R.id.nsv);
if (android.os.Build.VERSION.SDK_INT < android.os.Build.VERSION_CODES.M){
android.support.design.widget.CoordinatorLayout.LayoutParams lpm = new android.support.design.widget.CoordinatorLayout.LayoutParams(
android.support.design.widget.CoordinatorLayout.LayoutParams.MATCH_PARENT, android.support.design.widget.CoordinatorLayout.LayoutParams.MATCH_PARENT);
lpm.setMargins(0,0,0,0);
lpm.setBehavior(new android.support.design.widget.AppBarLayout.ScrollingViewBehavior());
nsv.setLayoutParams(lpm);
nsv.requestLayout();
}
再次感谢您的帮助。
我在协调器布局中使用了以下代码,并且我正在使用自定义折叠工具栏设计。
<?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"
tools:ignore="RtlHardcoded">
<android.support.design.widget.AppBarLayout
android:id="@+id/main.appbar"
android:layout_width="match_parent"
android:layout_height="250dp"
android:background="@drawable/backg">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/main.collapsing"
android:layout_width="match_parent"
android:layout_height="250dp"
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed|snap">
<FrameLayout
android:id="@+id/main.framelayout.title"
android:layout_width="match_parent"
android:layout_height="130dp"
android:layout_gravity="bottom"
android:background="#00000000"
android:orientation="vertical"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.3">
<LinearLayout
android:id="@+id/main.linearlayout.title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="30dp"
android:layout_gravity="left"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="bottom"
android:text="User Name"
android:id="@+id/username"
android:textColor="@android:color/white"
android:textSize="30sp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:id="@+id/business"
android:text="Users Business"
android:textColor="@android:color/white"/>
</LinearLayout>
</FrameLayout>
<android.support.v7.widget.Toolbar
android:id="@+id/main.toolbar"
android:layout_width="match_parent"
android:layout_height="110dp"
android:background="#00000000"
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:title=""
app:layout_collapseMode="pin">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="horizontal">
<ImageView
android:layout_width="32dp"
android:layout_height="32dp"
android:id="@+id/back"
android:layout_marginTop="10dp"
android:background="@drawable/ic_arrow_back"/>
<TextView
android:id="@+id/main.textview.title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="12dp"
android:text="User Name"
android:textColor="@android:color/white"
android:textSize="24sp"
/>
</LinearLayout>
</android.support.v7.widget.Toolbar>
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#00000000"
android:layout_gravity="bottom"
app:tabMode="fixed"
app:tabGravity="fill"
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
android:layout_gravity="fill_vertical"
android:fillViewport="true"
android:layout_marginBottom="110dp">
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_gravity="fill_vertical"
android:layout_height="match_parent"
android:background="@android:color/white">
</android.support.v4.view.ViewPager>
</android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>
现在我面临的问题是,当我 运行 这个应用程序在较低的 OS 版本上时,在所有 viewpager 片段 Recyclerviews 中滚动时一切正常,但是当我使用 OS 以上 Android.M,recyclerview 的高度超出了显示屏幕,并且不够明显,无法看到屏幕上的项目。请帮我解决我的问题。我已经设计了我的自定义折叠栏布局,但它在较低 Android OS.
中没问题[已编辑]
这是我添加 margin_bottom 操作栏大小时的一些快照。
你可以看到 viewpagers 的高度小于屏幕尺寸,因为我们使用了 marginBottom。
现在
对于 Higher 变量,使用 marginBottom 时如下所示一切正常。
您可以尝试在 viewpapger 之上添加 linearLayout 并尝试一下。
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="800dp"
android:orientation="vertical">
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"/>
如果我理解你的问题是对的,你必须添加工具栏的边距(正如你已经说过的)。我通过添加 layout_gravity
解决了这个问题,如下所示。
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
android:layout_gravity="fill_vertical"
android:layout_marginBottom="?attr/actionBarSize">
感谢您的评论和对我问题的回答,但是在深入挖掘之后我没有发现任何有用的东西,尽管以编程方式设置高度。所以我尝试了下面的代码片段,效果很好。 对于更高的变体,在 NestedScrollView 中的布局 xml 中将 marginBottom 设置为 actionbar 大小,对于较低的变体,请使用下面的 Hack。
NestedScrollingView nsv = findViewByID(R.id.nsv);
if (android.os.Build.VERSION.SDK_INT < android.os.Build.VERSION_CODES.M){
android.support.design.widget.CoordinatorLayout.LayoutParams lpm = new android.support.design.widget.CoordinatorLayout.LayoutParams(
android.support.design.widget.CoordinatorLayout.LayoutParams.MATCH_PARENT, android.support.design.widget.CoordinatorLayout.LayoutParams.MATCH_PARENT);
lpm.setMargins(0,0,0,0);
lpm.setBehavior(new android.support.design.widget.AppBarLayout.ScrollingViewBehavior());
nsv.setLayoutParams(lpm);
nsv.requestLayout();
}
再次感谢您的帮助。