CoordinatorLayout 和 RecyclerView 问题
CoordinatorLayout and RecyclerView issue
我正在使用 CoordinatorLayout 和 NestedScrollView 创建 activity 如下所示:
我的布局结构是这样的:
<android.support.design.widget.CoordinatorLayout
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:custom="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:context=".activity.MovieDetailActivity">
<android.support.design.widget.AppBarLayout
android:id="@+id/appBar"
android:layout_width="match_parent"
android:layout_height="250dp"
android:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsingToolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:expandedTitleMarginEnd="64dp"
app:expandedTitleMarginStart="48dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
android:id="@+id/imgToolbarImage"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:scaleType="centerCrop"
android:src="@drawable/backdrop"
app:layout_collapseMode="parallax" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
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"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.CardView
... >
<ImageView
... />
</android.support.v7.widget.CardView>
<TextView
... />
<TextView
... />
<ImageView
... />
<TextView
... />
<com.aminiam.moviekade.custom_view.ExpandableTextView
... />
<android.support.v4.view.ViewPager
... />
<com.aminiam.moviekade.custom_view.DotIndicator
... />
<View
... />
<LinearLayout
... >
<TextView
... />
<android.support.v7.widget.RecyclerView
... />
</LinearLayout>
<android.support.v4.view.ViewPager
... />
<TextView
... />
</RelativeLayout>
</android.support.v4.widget.NestedScrollView>
<android.support.design.widget.FloatingActionButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/activity_horizontal_margin"
app:layout_anchor="@id/appBar"
app:layout_anchorGravity="bottom|end"
app:srcCompat="@drawable/ic_favorite_off" />
</android.support.design.widget.CoordinatorLayout>
当我将 RecyclerView 添加到布局中时,NestedScrollView 将位于 AppBarLayout 下方,如下图所示:
我测试了一些解决此问题的方法,例如将 NestedScrollView 放入 FrameLayout 或向 NestedScrollView 添加 android:layout_gravity="fill_vertical"
和 android:fillViewport="true"
属性,但这些无法解决问题。
尝试将 android:descendantFocusability="blocksDescendants"
添加到您的 RelativeLayout
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:descendantFocusability="blocksDescendants" >
</RelativeLayout>
注: descendantFocusability
定义了ViewGroup在寻找View获取焦点时与其后代的关系。 我们在这里阻止它。
我正在使用 CoordinatorLayout 和 NestedScrollView 创建 activity 如下所示:
我的布局结构是这样的:
<android.support.design.widget.CoordinatorLayout
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:custom="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:context=".activity.MovieDetailActivity">
<android.support.design.widget.AppBarLayout
android:id="@+id/appBar"
android:layout_width="match_parent"
android:layout_height="250dp"
android:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsingToolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:expandedTitleMarginEnd="64dp"
app:expandedTitleMarginStart="48dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
android:id="@+id/imgToolbarImage"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:scaleType="centerCrop"
android:src="@drawable/backdrop"
app:layout_collapseMode="parallax" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
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"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.CardView
... >
<ImageView
... />
</android.support.v7.widget.CardView>
<TextView
... />
<TextView
... />
<ImageView
... />
<TextView
... />
<com.aminiam.moviekade.custom_view.ExpandableTextView
... />
<android.support.v4.view.ViewPager
... />
<com.aminiam.moviekade.custom_view.DotIndicator
... />
<View
... />
<LinearLayout
... >
<TextView
... />
<android.support.v7.widget.RecyclerView
... />
</LinearLayout>
<android.support.v4.view.ViewPager
... />
<TextView
... />
</RelativeLayout>
</android.support.v4.widget.NestedScrollView>
<android.support.design.widget.FloatingActionButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/activity_horizontal_margin"
app:layout_anchor="@id/appBar"
app:layout_anchorGravity="bottom|end"
app:srcCompat="@drawable/ic_favorite_off" />
</android.support.design.widget.CoordinatorLayout>
当我将 RecyclerView 添加到布局中时,NestedScrollView 将位于 AppBarLayout 下方,如下图所示:
我测试了一些解决此问题的方法,例如将 NestedScrollView 放入 FrameLayout 或向 NestedScrollView 添加 android:layout_gravity="fill_vertical"
和 android:fillViewport="true"
属性,但这些无法解决问题。
尝试将 android:descendantFocusability="blocksDescendants"
添加到您的 RelativeLayout
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:descendantFocusability="blocksDescendants" >
</RelativeLayout>
注: descendantFocusability
定义了ViewGroup在寻找View获取焦点时与其后代的关系。 我们在这里阻止它。