CoordinatorLayout与RecyclerView＆CollapsingToolbarLayout

我一直在尝试使用少量的指导在这里实现了RecyclerView一个CollapsingToolbar：http://android-developers.blogspot.co.uk/2015/05/android-design-support-library.html，这里的项目：https://github.com/chrisbanes/cheesesquare，我目前有以下布局：CoordinatorLayout与RecyclerView＆CollapsingToolbarLayout

<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/main_content" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 

<android.support.design.widget.AppBarLayout 
    android:id="@+id/appbar" 
    android:layout_width="match_parent" 
    android:layout_height="@dimen/detail_backdrop_height" 
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
    android:fitsSystemWindows="true"> 

    <android.support.design.widget.CollapsingToolbarLayout 
     android:id="@+id/collapsing_toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:layout_scrollFlags="scroll|exitUntilCollapsed" 
     android:fitsSystemWindows="true" 
     app:theme="@style/Toolbar" 
     app:contentScrim="@color/primary" 
     app:expandedTitleMarginStart="48dp" 
     app:expandedTitleMarginEnd="64dp"> 

     <ImageView 
      android:id="@+id/backdrop" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:scaleType="centerCrop" 
      android:fitsSystemWindows="true" 
      app:layout_collapseMode="parallax" /> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      app:theme="@style/Toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light" 
      app:layout_collapseMode="pin" /> 

    </android.support.design.widget.CollapsingToolbarLayout> 

</android.support.design.widget.AppBarLayout> 

<android.support.v7.widget.RecyclerView 
    android:id="@+id/recyclerView" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 

<android.support.design.widget.FloatingActionButton 
    android:layout_height="wrap_content" 
    android:layout_width="wrap_content" 
    app:layout_anchor="@id/appbar" 
    app:layout_anchorGravity="bottom|right|end" 
    android:src="@drawable/ic_directions" 
    android:layout_margin="@dimen/fab_margin" 
    android:clickable="true"/> 

</android.support.design.widget.CoordinatorLayout>

源如下：

setContentView(R.layout.activity_details_image); 
    final Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); 
    setSupportActionBar(toolbar); 
    getSupportActionBar().setDisplayHomeAsUpEnabled(true); 
    loadImage(); 
    CollapsingToolbarLayout collapsingToolbar = 
      (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar); 
    collapsingToolbar.setTitle(formatName(getIntent().getStringExtra("name"))); 
    RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerView); 
    recyclerView.setLayoutManager(new LinearLayoutManager(this)); 
    ArrayList<DetailsAdapter.Detail> details = new ArrayList<DetailsAdapter.Detail>(); 
    details.add(new DetailsAdapter.Detail("Main Facilities", "Children's Play Area, Ecotricity Electric Vehicle Charging Point, Lucky Coin, Multi Faith Room (southbound only), Showers", R.drawable.ic_moto)); 
    details.add(new DetailsAdapter.Detail("Restaurants", "Eat & Drink Co., Burger King, Costa, West Cornwall Pasty Co. (northbound only), Greggs, Costa Express, Krispy Kreme", R.drawable.ic_moto)); 
    details.add(new DetailsAdapter.Detail("Shops", "WHSmith, M&S Simply Food, Fone Bitz, Cotton Traders, Ladbrokes (southbound only)", R.drawable.ic_moto)); 
    details.add(new DetailsAdapter.Detail("Motel", "Travelodge", R.drawable.ic_moto)); 
    details.add(new DetailsAdapter.Detail("Forecourt", "BP (with: LPG), Costa Express, Air1 AdBlue", R.drawable.ic_moto)); 
    DetailsAdapter mAdapter = new DetailsAdapter(this, details); 
    recyclerView.setAdapter(mAdapter); 
    recyclerView.setItemAnimator(new DefaultItemAnimator());

我没有折叠式工具测试，它滚动精细

但是，即使列表比可见部分长，它也不会滚动。我做错了什么？

来源

2015-05-30 Kieron

我试着用一个简单的RecyclerView使用你的布局，它工作的很好。问题可能与项目的数量有关，或者可能与适配器的实现有关？ – razzledazzle

它没有工具栏，就像我说的。适配器和项目都很好。你能上传你的项目吗？ – Kieron

实际上，为了测试我修改了项目Cheesesquare，我唯一做的事情是在项目中使用RecyclerView替换细节视图中的NestedScrollingView，它工作正常。 – razzledazzle

确保您使用com.android.support:recyclerview-v7:22.2.0

（用前22.2.0版本，它并没有为我工作，要么）

来源

2015-05-31 08:40:50

为我修好了。我无语了。感谢Roi！ – EboMike

尽管它现在正在工作，但我的RecyclerView并不像它应该那么高 - 它是match_parent，但它似乎从底部完全丢失，因为扩展时工具栏很高。这是一个更老的图书馆的另一个迹象？我可能会产生另一个问题，只是发布这个，以防你有一个快速的答案。我使用的布局与上述基本相同。 – EboMike

现在我所做的是使用layout_height =“wrap_content”和layout_marginBottom =“？attr/actionBarSize”（工具栏的高度）制作RecyclerView –

即时消息可能要晚1年才能回答。我找到了解决方案。这里是在嵌套滚动视图中添加layout_marginBottom：

<?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:id="@+id/main_coord_layout" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context="com.example.android.minhnguyencv.MainActivity"> 

    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="256dp" 
     android:id="@+id/appbar" 
     android:theme="@style/AppTheme.AppBarOverlay" 
     app:elevation="4dp"> 

     <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/collapse_toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      app:layout_scrollFlags = "scroll|exitUntilCollapsed" 
      app:contentScrim="@color/colorPrimary" 
      android:fitsSystemWindows="true" 
      app:expandedTitleTextAppearance="@android:color/transparent"> 

      <ImageView 
       android:id="@+id/coverPhoto" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:scaleType="fitXY" 
       android:fitsSystemWindows="true" 
       android:src="@drawable/coverphoto" 
       app:layout_collapseMode="parallax" 
       android:clickable="true" /> 

      <ImageView 
       android:id="@+id/profilePhoto" 
       android:layout_width="150dp" 
       android:layout_height="150dp" 
       android:layout_gravity="center_horizontal|bottom" 
       android:scaleType="fitXY" 
       android:fitsSystemWindows="true" 
       app:layout_collapseMode="parallax" 
       android:clickable="true" /> 

      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       app:popupTheme="@style/AppTheme.PopupOverlay" 
       app:layout_collapseMode = "pin" /> 

     </android.support.design.widget.CollapsingToolbarLayout> 

    </android.support.design.widget.AppBarLayout> 

    <android.support.v4.widget.NestedScrollView 
     android:id="@+id/main_nested_scroll_view" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_gravity = "fill_vertical" 
     android:layout_marginBottom="?attr/actionBarSize" 
     app:layout_behavior = "@string/appbar_scrolling_view_behavior"> 

     <include layout="@layout/content_main" /> 

    </android.support.v4.widget.NestedScrollView> 

    <include layout="@layout/floating_button_menu"/> 

</android.support.design.widget.CoordinatorLayout>

来源

2016-05-15 12:05:32

这是运行23.3.0 – fillobotto

的唯一修复程序，与支持库版本25.3.1相同。 – AlexKost

适用于我。好的解决方案尽管我用ScrollView。 – InsParbo

CoordinatorLayout与RecyclerView＆CollapsingToolbarLayout

回答

相关问题