web-dev-qa-db-ja.com

フローティングアクションボタンをツールバーで線形レイアウトに統合する方法

フローティングアクションボタンを追加する次のリストビューがあります。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    Android:orientation="vertical"
    Android:background="@drawable/background_serious" >
    <include layout="@layout/toolbar"/>

    <ListView Android:id="@id/Android:list"
        Android:layout_width="fill_parent"
        Android:layout_height="wrap_content"
        Android:cacheColorHint="#00000000">
    </ListView>

    <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" />

</LinearLayout>

現在のフォームでは、ボタンはまったく表示されません。多くの例にあるように、LinearLayoutをCoordinatorLayoutに変更してみました。しかし、その後、エラーが発生します：

Java.lang.RuntimeException: Unable to start activity ComponentInfo{de.sudoq/de.sudoq.controller.menus.SudokuLoadingActivity}: Android.view.InflateException: Binary XML file line #6: Error inflating class CoordinatorLayout
            at Android.app.ActivityThread.performLaunchActivity(ActivityThread.Java:2325)
            ...
     Caused by: Android.view.InflateException: Binary XML file line #6: Error inflating class CoordinatorLayout
            at Android.view.LayoutInflater.createViewFromTag(LayoutInflater.Java:757)
            ...
     Caused by: Java.lang.ClassNotFoundException: Didn't find class "Android.view.CoordinatorLayout" on path: DexPathList[[Zip file "/data/app/de.sudoq-2/base.apk"],nativeLibraryDirectories=[/vendor/lib64, /system/lib64]]
            ...

FrameLayoutも試してみましたが、リストはツールバーの上に表示されます（リスト項目の透明部分の下にツールバーが表示されますが、ツールバーは覆われていますが、その逆ではありません）

androidandroid-layoutfloating-action-button
17
peer

FrameView内にListViewとFloatingActionButtonを配置してみてください

<?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
   Android:layout_width="fill_parent"
   Android:layout_height="fill_parent"
   Android:orientation="vertical"
   Android:background="@drawable/background_serious" >

      <include layout="@layout/toolbar"/>
  <FrameLayout
         Android:layout_width="match_parent"
         Android:layout_height="match_parent">

          <ListView Android:id="@id/Android:list"
              Android:layout_width="fill_parent"
              Android:layout_height="wrap_content"
              Android:cacheColorHint="#00000000">
          </ListView>

     <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" />

  </FrameLayout>
</LinearLayout>
33
Ankii Rawat

ルートレイアウトとしてLinearLayoutの代わりにAndroid.support.design.widget.CoordinatorLayoutを使用する必要があり、その場合はAndroid.support.design.widget.FloatingActionButtonのみが機能します

<Android.support.design.widget.CoordinatorLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    Android:orientation="vertical"
    Android:background="@drawable/background_serious" >

// your code

</Android.support.design.widget.CoordinatorLayout>
5
Ravi Rupareliya

これは私のために働いた：

<?xml version="1.0" encoding="utf-8"?>
<Android.support.design.widget.CoordinatorLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
xmlns:tools="http://schemas.Android.com/tools"
Android:layout_width="match_parent"
Android:layout_height="match_parent"
Android:fitsSystemWindows="true"
tools:context=".HomeFeedActivity">
<Android.support.design.widget.FloatingActionButton
    Android:id="@+id/fab"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_gravity="bottom|end"
    Android:layout_margin="@dimen/fab_margin"
    Android:src="@drawable/ic_action_add" />

<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    Android:orientation="vertical"
    xmlns:tools="http://schemas.Android.com/tools"
    Android:fitsSystemWindows="true"
    tools:context=".HomeFeedActivity">

    <ListView
        Android:id="@+id/list"
        Android:layout_width="fill_parent"
        Android:layout_height="wrap_content"
        Android:divider="@null" />

</LinearLayout>
4
Edward