web-dev-qa-db-ja.com

ViewPagerのRecyclerViewを使用したCoordinatorLayout

Android.support.designのCoordinatorLayoutビューを使用しています。 app:layout_behaviorをフラグメントのRecyclerViewに添付しますか？

Googleの例では、RecyclerViewが添付された同じXMLファイルのCoordinatorLayoutにのみ添付されます。

CoordinatorLayout内のフラグメントのRecyclerViewにViewPagerを添付する方法はありますか？

サンプルはAndroid Developersブログの このブログ投稿 にあります。

androidandroid-appcompatandroid-recyclerviewandroid-design-libraryandroid-coordinatorlayout
48
Rod_Algonquin

Chris BanesがGithubにサンプルを投稿しました。これはあなたが何をしたいのかを正確に示しています。

以下は、コーディネーターレイアウトをビューページャーのフラグメントに間接的にアタッチする方法を定義するxmlファイルです。

<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="wrap_content"
        Android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <Android.support.v7.widget.Toolbar
            Android:id="@+id/toolbar"
            Android:layout_width="match_parent"
            Android:layout_height="?attr/actionBarSize"
            Android:background="?attr/colorPrimary"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:layout_scrollFlags="scroll|enterAlways" />

        <Android.support.design.widget.TabLayout
            Android:id="@+id/tabs"
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content" />

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

    <Android.support.v4.view.ViewPager
        Android:id="@+id/viewpager"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    <Android.support.design.widget.FloatingActionButton
        Android:id="@+id/fab"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_gravity="end|bottom"
        Android:layout_margin="@dimen/fab_margin"
        Android:src="@drawable/ic_done" />

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

考え方は、ビューページャーにlayout_behavior属性を持たせることです。

60
androholic

これは愚かかもしれませんが、ビルドツールがアプリケーションバージョンのbuild.gradleで22に更新されなかったために機能しませんでした。私は21を使用していました。あります。

編集：

また、SanderTuitが言ったこと：com.Android.support:recyclerview-v7:22.2.0を追加することも問題を解決します

14
Rod_Algonquin

FrameLayoutを使用して、フラグメントをそのFrameLayoutに注入します。次に、app：layout_behaviorを設定します。必要なことは、layout_behaviorをAppBayLayoutの兄弟に設定することだけです。その兄弟はツールバーの下に表示されます。

<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="wrap_content"
    Android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <Android.support.v7.widget.Toolbar
        Android:id="@+id/toolbar"
        Android:layout_width="match_parent"
        Android:layout_height="?attr/actionBarSize"
        Android:background="?attr/colorPrimary"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        app:layout_scrollFlags="scroll|enterAlways" />

    <Android.support.design.widget.TabLayout
        Android:id="@+id/tabs"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content" />

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

<FrameLayout
    Android:id="@+id/frame"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</Android.support.design.widget.CoordinatorLayout>
6
Jam

私は最近、投稿で言及した同じ問題を抱えていましたが、上記の解決策はうまくいきませんでした。幸運にも私はそれを解決することができました。共有するために、ここに投稿しています

問題は、私のコードで私が設定したことでした

recyclerView.setNestedScrollingEnabled(false);

これは、layout_behaviour属性をviewPagerに設定しているにもかかわらず、appbarがrecyclerViewのスクロールに応答しなかったためです。上記の属性を

recyclerView.setNestedScrollingEnabled(true);

問題を解決し、appbarがrecylerViewのスクロールに応答し始めました。

4
Majeed Khan

いくつかのテストの後、ViewPagerのFragmentに含まれているものが何であれ、TabLayoutをAppBarLayoutの外側に置くと機能することがわかりました。これが私のメインxmlです。

<com.tqmall.legend.konwledge.view.VerticalSwipeRefreshLayout       xmlns:Android="http://schemas.Android.com/apk/res/Android"
xmlns:app="http://schemas.Android.com/apk/res-auto"
Android:id="@+id/swipe_refreshLayout"
Android:layout_width="match_parent"
Android:layout_height="match_parent">

<Android.support.design.widget.CoordinatorLayout
    Android:id="@+id/coordinator_layout"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:background="#FFE6ECF0">

    <Android.support.design.widget.AppBarLayout
        Android:id="@+id/kn_main_appbar"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content">

        <Android.support.design.widget.CollapsingToolbarLayout
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            app:contentScrim="@Android:color/black"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <include
                layout="@layout/banner_layout"
                Android:layout_width="match_parent"
                Android:layout_height="wrap_content"
                app:layout_collapseMode="parallax"
                app:layout_collapseParallaxMultiplier="0.9" />

            <Android.support.v7.widget.Toolbar
                Android:layout_width="match_parent"
                Android:layout_height="?attr/actionBarSize"
                Android:layout_gravity="bottom"
                Android:background="#33000000"
                app:layout_collapseMode="parallax"
                app:layout_collapseParallaxMultiplier="0"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

            </Android.support.v7.widget.Toolbar>

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

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

    <LinearLayout
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        Android:orientation="vertical"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <Android.support.design.widget.TabLayout
            Android:id="@+id/main_fragment_issue_list_tab"
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            Android:layout_gravity="center_horizontal"
            app:tabGravity="center"
            app:tabIndicatorColor="#FF2CA2D5"
            app:tabPaddingEnd="30sp"
            app:tabPaddingStart="30sp"
            app:tabSelectedTextColor="#FF2CA2D5"
            app:tabTextColor="#FF4F5354" />

        <Android.support.v4.view.ViewPager
            Android:id="@+id/main_fragment_issue_list_pager"
            Android:layout_width="match_parent"
            Android:layout_height="match_parent" />
    </LinearLayout>
1
weimin wang