Android:CollapsingToolbarLayout和SwipeRefreshLayout卡住了

我一起使用CollapsingToolbarLayout,RecyclerView和SwipeRefreshLayout:

XML:

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <android.support.design.widget.CoordinatorLayout android:id="@+id/coordinator_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="@dimen/collapse_toolbar_height" android:fitsSystemWindows="true" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="match_parent" app:contentScrim="?attr/colorPrimary" android:fitsSystemWindows="true" app:expandedTitleMarginStart="48dp" app:expandedTitleMarginEnd="64dp" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/toolbar_image" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop" android:fitsSystemWindows="true" app:layout_collapseMode="parallax" /> <include layout="@layout/activity_main_toolbar"/> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/swipe_container" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <cz.yetanotherview.webcamviewer.app.helper.EmptyRecyclerView android:id="@+id/mainList" android:layout_width="match_parent" android:layout_height="match_parent" android:scrollbars="vertical" /> </android.support.v4.widget.SwipeRefreshLayout> <android.support.design.widget.FloatingActionButton android:id="@+id/floating_action_button" android:layout_height="wrap_content" android:layout_width="wrap_content" app:layout_anchor="@id/appbar" app:layout_anchorGravity="bottom|right|end" android:layout_margin="16dp" app:fabSize="mini" android:src="@drawable/ic_action_edit" android:onClick="assignSelectedWebCamsToCategory"/> <com.github.clans.fab.FloatingActionMenu android:id="@+id/floating_action_menu" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="bottom|end" android:paddingRight="10dp" android:paddingBottom="8dp" android:paddingLeft="10dp" fab:menu_shadowColor="#37000000" fab:menu_colorNormal="#DA4336" fab:menu_colorPressed="#E75043" fab:menu_colorRipple="#99FFFFFF" fab:menu_icon="@drawable/fab_add" fab:menu_buttonSpacing="10dp" fab:menu_labels_textColor="@color/very_dark_grey" fab:menu_labels_textSize="14sp" fab:menu_labels_colorNormal="@color/white" fab:menu_labels_colorPressed="@color/next_grey" fab:menu_labels_colorRipple="#99FFFFFF" fab:menu_labels_margin="8dp" fab:menu_backgroundColor="@color/black_transparent"> <com.github.clans.fab.FloatingActionButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_action_content_import" fab:fab_size="mini" fab:fab_label="@string/pref_import_from_server" fab:fab_colorNormal="@color/white" app:fab_colorPressed="@color/next_grey" app:fab_colorRipple="#99FFFFFF" android:onClick="showSelectionDialog"/> <com.github.clans.fab.FloatingActionButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_action_content_manually" fab:fab_size="mini" fab:fab_label="@string/create_manually" fab:fab_colorNormal="@color/white" app:fab_colorPressed="@color/next_grey" app:fab_colorRipple="#99FFFFFF" android:onClick="showAddDialog"/> <com.github.clans.fab.FloatingActionButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_action_content_suggestion" fab:fab_size="mini" fab:fab_label="@string/submit_suggestion" fab:fab_colorNormal="@color/white" app:fab_colorPressed="@color/next_grey" app:fab_colorRipple="#99FFFFFF" android:onClick="showSuggestionDialog"/> </com.github.clans.fab.FloatingActionMenu> </android.support.design.widget.CoordinatorLayout> <include layout="@layout/activity_main_drawer"/> </android.support.v4.widget.DrawerLayout> 

码:

  swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_container); swipeRefreshLayout.setOnRefreshListener(this); 

只有在折叠工具栏布局完全展开并且scrollview(recyclerview) 位于顶部时,如何允许滑动刷新操作? 类似于Google+或收件箱应用程序中的行为。

错误:

在这里输入图像描述

好:

在这里输入图像描述

更新:此问题已在最新版本的支持库(23.1.1+)中解决。 如果使用较旧版本的支持库,请升级或继续阅读。

如果您使用的是旧版本的支持库,请在AppBarLayout中添加一个偏移量更改监听器,以启用或禁用滑动以相应地刷新布局。 其他代码在这里:

https://gist.github.com/blackcj/001a90c7775765ad5212

相关更改:

 public class MainActivity extends AppCompatActivity implements AppBarLayout.OnOffsetChangedListener { ... private AppBarLayout appBarLayout; private SwipeRefreshLayout mSwipeRefreshLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ... mSwipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.contentView); appBarLayout = (AppBarLayout) findViewById(R.id.appBarLayout); } @Override public void onOffsetChanged(AppBarLayout appBarLayout, int i) { //The Refresh must be only active when the offset is zero : mSwipeRefreshLayout.setEnabled(i == 0); } @Override protected void onResume() { super.onResume(); appBarLayout.addOnOffsetChangedListener(this); } @Override protected void onPause() { super.onPause(); appBarLayout.removeOnOffsetChangedListener(this); } } 

最后,

我发现SwipeRefreshLayout在支持库版本23.1.1中 没有任何“黑客”的情况下工作。

只需在您的布局中使用:

  <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/swipe_refresh_layout" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <android.support.v7.widget.RecyclerView android:id="@+id/recycler_view" android:layout_width="match_parent" android:layout_height="match_parent" android:scrollbars="vertical" /> </android.support.v4.widget.SwipeRefreshLayout> 

并在代码中:

 SwipeRefreshLayout swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh_layout); swipeRefreshLayout.setColorSchemeResources(R.color.green, R.color.red, R.color.yellow); swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { //Your refresh code here } }); 

不要忘记使用:

 swipeRefreshLayout.setRefreshing(false); 

在使用你的代码逻辑之后)

如果我正确理解你,你只想在工具栏展开后才开始刷新,对不对? 所以首先需要打开CollapsingToolbarLayout,然后开始刷新。 我通过以下代码pipe理它:

  <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/coordinator_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <android.support.design.widget.AppBarLayout android:id="@+id/app_bar_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true" app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <!--PUT HERE WHAT EVER YOU WANT TO COLLAPSE, A TOOLBAR, ETC...--> </LinearLayout> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/swipe_refresh_layout" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <android.support.v7.widget.RecyclerView android:id="@+id/recycler_view" android:layout_width="match_parent" android:layout_height="match_parent" android:clipToPadding="false" android:fadeScrollbars="false" android:scrollbars="vertical" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> </android.support.v4.widget.SwipeRefreshLayout> </android.support.design.widget.CoordinatorLayout> 

然后,在你的片段/活动,使其实现AppBarLayout.OnOffsetChangedListener(现在工具栏完全展开后启用刷新):

  @Override public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) { if (collapsingToolbarLayout.getHeight() + verticalOffset < 2 * ViewCompat.getMinimumHeight(collapsingToolbarLayout)) { swipeRefreshLayout.setEnabled(false); } else { swipeRefreshLayout.setEnabled(true); } } 

覆盖onPause()和onResume()在@blackcj中的答案:

  @Override public void onResume() { super.onResume(); appBarLayout.addOnOffsetChangedListener(this); } @Override public void onPause() { super.onPause(); appBarLayout.removeOnOffsetChangedListener(this); } 

然后将LinearLayoutManager设置为您的recyclerView:

  LinearLayoutManager layoutManager = new LinearLayoutManager(getActivity()); layoutManager.setOrientation(LinearLayoutManager.VERTICAL); recyclerView.setLayoutManager(layoutManager); 

对我来说,这是一个魅力,首先appBarlayout得到扩大,然后swipeRefreshLayout触发刷新。

我必须使RecyclerView成为SwipeRefreshLayout的主要子节点,以便使用支持库23.2.0消除此问题。 无法修复它在SwipeRefreshLayout中包含布局

 <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/my_swipeRefreshLayout" android:layout_width="match_parent" android:layout_height="match_parent"> <!--<include layout="@layout/my_RecyclerView_layout"/> issue for me here --> <android.support.v7.widget.RecyclerView android:id="@+id/my_recyclerView" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v7.widget.RecyclerView> </android.support.v4.widget.SwipeRefreshLayout> 

以上答案非常适合AppCompatActivity但如果您使用Fragment则以下代码段将帮助您。

只需将NestedScrollView放入xml的fragment

 <android.support.v4.widget.NestedScrollView 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:layout_gravity="fill_vertical" android:clipToPadding="false" android:isScrollContainer="false" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <!-- A RecyclerView with some commonly used attributes --> <android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/album_timeline_swipe_refresh_layout" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v7.widget.RecyclerView android:id="@+id/album_timeline_recyclerview" android:layout_width="match_parent" android:layout_height="match_parent" android:clickable="true" /> </android.support.v4.widget.SwipeRefreshLayout> </android.support.v4.widget.NestedScrollView>