web-dev-qa-db-ja.com

RecyclerViewとCollapsingToolbarLayoutを使用したCoordinatorLayout

私はここで少量のガイダンスを使用して、RecyclerViewでCollapsingToolbarを実装しようとしました： http://Android-developers.blogspot.co.uk/2015/05/Android-design-support-library。 html とここのプロジェクト： https://github.com/chrisbanes/cheesesquare 、そして私は現在次のレイアウトを持っています：

<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());

折りたたみツールバーなしでテストしましたが、うまくスクロールします

ただし、リストが表示部分よりも長い場合でも、スクロールしません。私は何を間違えましたか？

javaandroidxmlandroid-appcompatandroid-design-library
47
Kieron

com.Android.support:recyclerview-v7:22.2.を使用していることを確認してください

（22.2.0より前のバージョンでは、私にとっても機能しませんでした）

63
Roi Divon

これに答えるのにおそらく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>
6
minh nguyen