web-dev-qa-db-ja.com

recyclerview(DrawerLayout内)にフローティングアクションボタンが表示されない

私の場合、画面全体をカバーするrecyclerviewでFABを取得しようとしています。 FABは、recyclerviewが空であっても表示されません。以下は私のxmlコードです。

<Android.support.v4.widget.DrawerLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:id="@+id/drawer_layout"
    xmlns:tools="http://schemas.Android.com/tools"
    xmlns:app="http://schemas.Android.com/apk/res-auto"
    tools:context="com.technistan.ledger.CreateLedger"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent">

    <LinearLayout
        Android:orientation="vertical"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent">

        <include
            Android:id="@+id/tool_bar"
            layout="@layout/tool_bar"
            ></include>


        <FrameLayout
            Android:orientation="vertical"
            Android:layout_width="match_parent"
            Android:layout_height="match_parent">

            <Android.support.v7.widget.RecyclerView
                Android:paddingLeft="2dp"
                Android:paddingRight="2dp"
                Android:id="@+id/recyclerView"
                Android:layout_width="wrap_content"
                Android:layout_height="wrap_content"
                Android:layout_weight="1"

                />


            <Android.support.design.widget.FloatingActionButton
                Android:id="@+id/myFAB"
                Android:layout_width="wrap_content"
                Android:layout_height="wrap_content"
                Android:layout_gravity="bottom|end"
                Android:layout_margin="20dp"
                app:elevation="4dp" />


        </FrameLayout>

    </LinearLayout>


    <fragment
        Android:id="@+id/fragment_navigation_drawer"
        Android:layout_width="280dp"
        Android:layout_height="match_parent"
        Android:layout_gravity="start"
        app:layout="@layout/fragment_navigation_drawer"
        Android:name="com.technistan.ledger.NavigationDrawerFragment"
        tools:layout="@layout/fragment_navigation_drawer" />


    </Android.support.v4.widget.DrawerLayout>

下のスナップショットのように、プレビューにはフローティングボタンが表示されています。 https://www.dropbox.com/s/18u5pt5v6kkkibj/Screen%20Shot%202015-09-13%20at%201.19.20%20PM.png?dl=

しかし、アプリを実行すると、FABは表示されません。私は多くの組み合わせを試しましたが、成功しませんでした。私はナビゲーションドロワーなしでリストビューでこれを試してみました(単純なアクティビティで、リストビューで表示されていました)。

どんな助けもありがたいです。ありがとう

[EDIT:]問題は親レイアウト、つまりAndroid.support.v4.widget.DrawerLayoutのせいだと思います。コードをコピーして貼り付けました別の空のアクティビティの終わりから始まり、そこにフローティングボタンが表示されます。しかし、この問題を解決する方法をまだ理解できないため、Drawerlayout内にフローティングアクションボタンを表示する必要があります。

15
Tariq Mahmud

このようにしてみてください:

すべてのレイアウトを削除します。

親は1つだけにしてください。それはCoordinatorLayoutです。

CoordinatorLayoutの中に、RecyclerViewFloatingActionButtonの両方を入れます。

CoordinatorLayoutは、ツールバー、リサイクラ、およびfabを自動的に配置する必要があります。これは、設計サポートライブラリコンポーネントを処理するようにプログラムされているためです。

以下に例を示します。 FrameLayout(実行時に動的にフラグメントをロードする)の代わりにRecyclerViewを使用できます。通常、別のRecyclerViewFragmentを使用し、実行時にここにフラグメントをロードします。これにより、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.support.design.widget.CoordinatorLayout
    Android:id="@+id/layout_main"
    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"
        app:elevation="0dp">

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

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


    <!-- Main layout for fragment placing -->
    <FrameLayout
        Android:id="@+id/container"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" >

    </FrameLayout>

    <Android.support.design.widget.FloatingActionButton
        Android:id="@+id/fabBtn"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:src="@drawable/ic_action"
        Android:layout_gravity="bottom|right"
        Android:layout_marginBottom="@dimen/fab_margin_bottom"
        Android:layout_marginRight="@dimen/fab_margin_right"
        app:fab_colorNormal="@color/pink"
        app:fab_colorPressed="@color/pink_pressed"
        app:borderWidth = "0dp" />


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

<!-- Nav drawer -->
<Android.support.design.widget.NavigationView
    Android:id="@+id/navigation"
    Android:layout_width="wrap_content"
    Android:layout_height="match_parent"
    Android:layout_gravity="start"
    app:headerLayout="@layout/nav_header"
    app:itemIconTint="@color/pink_pressed"
    app:itemTextColor="@color/primary_text"
    app:menu="@menu/nav_menu" />

</Android.support.v4.widget.DrawerLayout>
14
anandbibek

ルートレイアウトとしてLinearLayoutではなくFrameLayoutを使用してみてください。それは私のために働いた。

1
Sabri Meviş