web-dev-qa-db-ja.com

スクロールコンテンツとしてFrameLayoutコンテナーを使用するAppBarLayoutが機能しない

スクロール時にツールバーを非表示/表示にするために、最新のデザインライブラリを使用しようとしています。私の問題は、私が持っているスクロールコンテンツがフラグメント内にあり、FrameLayoutコンテナにそれを注入しているだけで、それが機能しないことです。私の活動は次のとおりです。

<Android.support.v4.widget.DrawerLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
xmlns:tools="http://schemas.Android.com/tools"
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.support.design.widget.CoordinatorLayout
    Android:id="@+id/main_content"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent">

    <Android.support.design.widget.AppBarLayout
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content">

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

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

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

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

<FrameLayout
    Android:id="@+id/navigation_drawer_container"
    Android:layout_width="@dimen/navigation_drawer_width"
    Android:layout_height="match_parent"
    Android:layout_gravity="start"
    tools:layout="@layout/fragment_nav_drawer_anon" />

そして私の断片：

<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:layout_width="match_parent"
Android:layout_height="match_parent"
Android:orientation="vertical">

<Android.support.v4.widget.SwipeRefreshLayout
    Android:id="@+id/pull_to_refresh"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent">

    <ListView
        Android:id="@Android:id/list"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"/>
</Android.support.v4.widget.SwipeRefreshLayout>

<TextView
    Android:id="@Android:id/empty"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:textSize="18sp"
    Android:fontFamily="sans-serif"
    Android:color="@color/dark_grey"
    Android:padding="60dp"/>

およびツールバー：

<Android.support.v7.widget.Toolbar xmlns:Android="http://schemas.Android.com/apk/res/Android"
xmlns:app="http://schemas.Android.com/apk/res-auto"
Android:id="@+id/toolbar"
Android:layout_width="match_parent"
Android:layout_height="wrap_content"
Android:background="?attr/colorPrimary"
Android:minHeight="?attr/actionBarSize"
app:layout_scrollFlags="scroll|enterAlways"
style="@style/Widget.MyApp.ActionBar" />

私は公式の doc とこれ demo をフォローしていますが、それをどのように機能させるかはまだわかりません。

androidandroid-toolbarandroid-design-libraryandroid-coordinatorlayout
40
wwang

FrameLayoutをAndroid.support.v4.widget.NestedScrollViewに置き換えます

NestedScrollViewはScrollViewに似ていますが、Androidの新しいバージョンと古いバージョンの両方で、ネストされたスクロールの親と子の両方として機能することをサポートしています。ネストされたスクロールはデフォルトで有効になっています。

ドキュメントへのリンク

21
Sergio

その動作の理由は、Framelayoutが動作を指定しないためです。 CoordinatorLayoutは、子ビューに依存して動作を処理します。

ここの一番下で読むことができます

http://Android-developers.blogspot.in/2015/05/Android-design-support-library.html

それは

CoordinatorLayoutおよびカスタムビュー

注意すべき重要な点の1つは、CoordinatorLayoutにはFloatingActionButtonまたはAppBarLayoutの動作に関する生来の理解がないことです。これは、Coordinator.Behaviorの形式で追加のAPIを提供するだけです。相互間の依存関係を宣言し、onDependentViewChanged（）を介してコールバックを受け取ります。

ビューは、CoordinatorLayout.DefaultBehavior（YourView.Behavior.class）アノテーションを使用してデフォルトの動作を宣言するか、app：layout_behavior = "com.example.app.YourView $ Behavior"属性を使用してレイアウトファイルに設定できます。このフレームワークにより、どのビューもCoordinatorLayoutと統合できます。

編集：FrameLayoutはカスタムビューではありませんが、CoordinateLayoutが求める動作を指定しません。

12
user3426273

CoordinatorLayoutの子としてFrameLayoutを使用すると、非常にうまく機能します。ツールバーは本来のように折りたたまれています。当初、古いライブラリを使用していたときに問題が発生しました。

私が今使用しているgradleの依存関係は次のとおりです。

compile 'com.Android.support:appcompat-v7:22.2.1'
compile 'com.Android.support:cardview-v7:22.2.0'
compile 'com.Android.support:recyclerview-v7:22.2.0'
compile 'com.Android.support:design:22.2.0'

アクティビティのレイアウトで、FrameLayoutの子としてapp:layout_behavior="@string/appbar_scrolling_view_behavior"属性を持つCoordinatorLayoutを使用しています。 FrameLayoutは、フラグメントのコンテナとして機能します。フラグメントレイアウトのルート要素は、RecyclerViewまたはNestedScrollViewです。

アクティビティのレイアウトは次のとおりです。

    <Android.support.design.widget.CoordinatorLayout
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        >

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

    <Android.support.design.widget.AppBarLayout
            Android:layout_height="192dp"
            Android:layout_width="match_parent"
            >
        <Android.support.design.widget.CollapsingToolbarLayout
                Android:layout_width="match_parent"
                Android:layout_height="match_parent"
                app:layout_scrollFlags="scroll|exitUntilCollapsed"
                >
            <ImageView
                    Android:id="@+id/.."
                    Android:layout_width="match_parent"
                    Android:layout_height="match_parent"
                    Android:fitsSystemWindows="true"
                    Android:scaleType="centerCrop"
                    Android:src="@drawable/..."
                    app:layout_collapseMode="parallax"/>
            <Android.support.v7.widget.Toolbar
                    Android:id="@+id/toolbar_sessions"
                    Android:layout_height="?attr/actionBarSize"
                    Android:layout_width="match_parent"
                    app:layout_collapseMode="pin"
                    />
        </Android.support.design.widget.CollapsingToolbarLayout>
    </Android.support.design.widget.AppBarLayout>

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

最初のフラグメントのレイアウトは次のようになります。

<Android.support.v7.widget.RecyclerView
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:tools="http://schemas.Android.com/tools"
    Android:scrollbars="vertical"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    tools:context="..."
    />

2番目のフラグメントのレイアウトは次のようになります。

<Android.support.v4.widget.NestedScrollView
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:tools="http://schemas.Android.com/tools"
    Android:id="..."
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    tools:context="..."
    >
...
</Android.support.v4.widget.NestedScrollView>
11
Emanuel Seidinger

私のアプリでは、RecyclerViewでのみ動作します。たぶん、ListViewの代わりにRecyclerViewを使用する必要があります。

4
sergeybe

CoordinatorLayout内でFramelayoutを使用してスクロールできます。そのためには、frameLayout内と、この折りたたみ効果が必要なスクロールビュー内でapp:layout_behavior="@string/appbar_scrolling_view_behavior"を使用する必要があります。

たとえば、frameLayout内でRecyclerViewを膨らませている場合、recyclerrView内でもapp:layout_behavior="@string/appbar_scrolling_view_behavior"を使用する必要があります。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:app="http://schemas.Android.com/apk/res-auto"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"

    Android:orientation="vertical">
<Android.support.v7.widget.RecyclerView
    Android:id="@+id/list"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
    />
</Relativelayout>

または、

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:app="http://schemas.Android.com/apk/res-auto"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"

    Android:orientation="vertical">
 <Android.support.v4.widget.NestedScrollView
           Android:layout_width="match_parent"
           Android:layout_height="fill_parent"
        Android:layout_above="@+id/bNext"
        Android:fillViewport="true"
           Android:scrollbars="none"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">
<!--  your content -->
</Android.support.v4.widget.NestedScrollView>
</Relativelayout>

したがって、このプロセスを使用すると、recyclerが含まれているか、nestedScrollviewが含まれているかに関係なく、frameLayoutでスクロールできます。

3
Anupriya

いい質問ですね。私も同じでした。

コンテナFrameLayoutは、問題がFragmentにあると正しく定義されています。 FragmentにはRecyclerViewを含める必要がありますが、ListViewは非推奨になりました。

例：

<Android.support.v7.widget.RecyclerView
    Android:id="@+id/list"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:clipToPadding="false"
    Android:paddingTop="@dimen/activity_vertical_margin"/>

私はアプリで同じ構造を使用していますが、完璧に機能します。

2
Akshay Chordiya

交換するだけです

FrameLayout

に

Android.support.v4.widget.NestedScrollView

この方法では：

<Android.support.design.widget.CoordinatorLayout
    Android:id="@+id/root_coordinator"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent">

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

        <Android.support.design.widget.CollapsingToolbarLayout
            Android:id="@+id/collapsing_toolbar_layout"
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlways">

            <ImageView
                Android:layout_width="match_parent"
                Android:layout_height="192dp"
                Android:scaleType="centerCrop"
                Android:src="@drawable/header"
                app:layout_collapseMode="parallax" />

            <Android.support.v7.widget.Toolbar
                Android:id="@+id/app_bar"
                Android:layout_width="match_parent"
                Android:layout_height="?attr/actionBarSize"
                Android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
                app:layout_collapseMode="pin" />

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

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

    <!-- This was before FrameLayout -->
    <Android.support.v4.widget.NestedScrollView
        Android:id="@+id/content_frame"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">
    </Android.support.v4.widget.NestedScrollView>

    <Android.support.design.widget.FloatingActionButton
        Android:id="@+id/fab"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_gravity="bottom|right"
        Android:layout_margin="16dp"
        Android:src="@drawable/ic_drawer_alertas"
        app:borderWidth="0dp"
        app:fabSize="mini" />
</Android.support.design.widget.CoordinatorLayout>


<Android.support.design.widget.NavigationView
    Android:id="@+id/navigation_drawer"
    Android:layout_width="wrap_content"
    Android:layout_height="match_parent"
    Android:layout_gravity="start"
    app:headerLayout="@layout/drawer_header"
    app:itemIconTint="@color/colorAccent"
    app:itemTextColor="@color/colorSecondaryText"
    app:menu="@menu/menu_main" />
1
Jorge Casariego

app:layout_scrollFlags="scroll|enterAlways"ツールバーからFramelayoutへ。遅刻してすみません。

1
Mohammad Abdullah

ListViewはNestedScrollingChildを実装しないため、機能しません。

RecyclerViewは、スクロールをNestedScrollingParent（CoordinatorLayout）に伝達できるようにします。

1
Rafi Panoyan

スクロールビューに動作を追加する必要があります。

<Android.support.v4.widget.SwipeRefreshLayout
    Android:layout_marginTop="5dp"
    Android:id="@+id/swipe_main"
    Android:enabled="false"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">
<com.marshalchen.ultimaterecyclerview.UltimateRecyclerView
    Android:id="@+id/rvUserProfile"
    app:recyclerviewEmptyView ="@layout/ev_home"
    app:recyclerviewClipToPadding="false"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"></com.marshalchen.ultimaterecyclerview.UltimateRecyclerView>
</Android.support.v4.widget.SwipeRefreshLayout>
0
tiny sunlight