FloatingAction菜单按钮在单击选项不工作在android

Question

我想创建一个带有滑动选项卡的循环浮动操作菜单按钮。主浮动按钮正在工作，但子菜单按钮的点击事件不起作用。

下面是菜单按钮的XML文件：

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout 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.support.design.widget.FloatingActionButton 
    android:id="@+id/fab_1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom|end" 
    android:layout_margin="@dimen/fab_margin" 
    android:src="@android:drawable/ic_menu_compass" 
    android:visibility="invisible" 
    app:backgroundTint="@color/colorAccent" 
    app:fabSize="mini" /> 

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fab_2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom|end" 
    android:layout_margin="@dimen/fab_margin" 
    android:src="@android:drawable/ic_menu_myplaces" 
    android:visibility="invisible" 
    app:backgroundTint="@color/colorAccent" 
    app:fabSize="mini" /> 

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fab_3" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom|end" 
    android:layout_margin="@dimen/fab_margin" 
    android:src="@android:drawable/ic_menu_share" 
    android:visibility="invisible" 
    app:backgroundTint="@color/colorAccent" 
    app:fabSize="mini" /> 
</FrameLayout> 

activity_main.xml中：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 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" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:orientation="vertical"> 
<include 
    android:id="@+id/app_bar" 
    layout="@layout/app_bar" /> 



<android.support.v4.widget.DrawerLayout 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:id="@+id/drawer_layout"> 
    <LinearLayout 
     android:id="@+id/activity_main" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" 
     android:background="@android:color/white" 
     > 


     <android.support.design.widget.TabLayout 
      android:id="@+id/sliding_tab" 
      style="@style/MyCustomTabLayout" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center_horizontal" 
      app:tabMode="scrollable" 
      /> 
     <android.support.design.widget.CoordinatorLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:id="@+id/coordinatorLayout"> 
      <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" 
       app:srcCompat="@android:drawable/ic_dialog_email" /> 

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

     <android.support.v4.view.ViewPager 
      android:id="@+id/viewPager" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      > 

     </android.support.v4.view.ViewPager> 

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


    </LinearLayout> 

    <fragment 
     android:id="@+id/nav_drawer" 
     android:name="com.example.usaukglu.mywallet.NavigationDrawer" 
     android:layout_width="@dimen/drawer_width" 
     android:layout_height="match_parent" 
     android:layout_gravity="start" 
     app:layout="@layout/navigation_drawer" 
     tools:layout="@layout/navigation_drawer" /> 



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


</LinearLayout> 

这里是MainActivity.java类：

public class MainActivity extends AppCompatActivity { 

private Toolbar toolbar; 
NavigationDrawer navigationDrawer; 
DrawerLayout drawerLayout; 

FloatingActionButton fab; 
FloatingActionButton fab1; 
FloatingActionButton fab2; 
FloatingActionButton fab3; 
CoordinatorLayout coordinatorLayout; 

private boolean FAB_status=false; 

Animation show_fab_1; 
Animation hide_fab_1; 
Animation show_fab_2; 
Animation hide_fab_2; 
Animation show_fab_3; 
Animation hide_fab_3; 


@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 

    ViewPager viewPager = (ViewPager) findViewById(R.id.viewPager); 
    TabLayout tabLayout = (TabLayout) findViewById(R.id.sliding_tab); 
    toolbar = (Toolbar) findViewById(R.id.app_bar); 
    drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout); 

    setSupportActionBar(toolbar); 
    getSupportActionBar().setDisplayShowHomeEnabled(true); 
    viewPager.setAdapter(new ViewPagerAdapter(getSupportFragmentManager(), MainActivity.this)); 
    tabLayout.setupWithViewPager(viewPager); 

    navigationDrawer = (NavigationDrawer) getSupportFragmentManager().findFragmentById(R.id.nav_drawer); 
    navigationDrawer.setUp(R.id.nav_drawer, drawerLayout, toolbar); 

    coordinatorLayout= (CoordinatorLayout) findViewById(R.id.coordinatorLayout); 
    fab= (FloatingActionButton) findViewById(R.id.fab); 
    fab1= (FloatingActionButton) findViewById(R.id.fab_1); 
    fab2= (FloatingActionButton) findViewById(R.id.fab_2); 
    fab3= (FloatingActionButton) findViewById(R.id.fab_3); 

    show_fab_1= AnimationUtils.loadAnimation(getApplication(),R.anim.fab1_show); 
    hide_fab_1= AnimationUtils.loadAnimation(getApplication(),R.anim.fab1_hide); 
    show_fab_2= AnimationUtils.loadAnimation(getApplication(),R.anim.fab2_show); 
    hide_fab_2= AnimationUtils.loadAnimation(getApplication(),R.anim.fab2_hide); 
    show_fab_3= AnimationUtils.loadAnimation(getApplication(),R.anim.fab3_show); 
    hide_fab_3= AnimationUtils.loadAnimation(getApplication(),R.anim.fab3_hide); 


    fab.setOnClickListener(new View.OnClickListener() { 
     @Override 
     public void onClick(View view) { 

      if (FAB_status == false) { 
       //Display FAB menu 
       expandFab(); 
       FAB_status = true; 
      } else { 
       //Close FAB menu 
       hideFAB(); 
       FAB_status = false; 
      } 
     } 
    }); 

    fab1.setOnClickListener(new View.OnClickListener() { 
     @Override 
     public void onClick(View v) { 
      Toast.makeText(getApplication(), "Floating Action Button 1", Toast.LENGTH_SHORT).show(); 
     } 
    }); 

    fab2.setOnClickListener(new View.OnClickListener() { 
     @Override 
     public void onClick(View v) { 
      Toast.makeText(getApplication(), "Floating Action Button 2", Toast.LENGTH_SHORT).show(); 
     } 
    }); 

    fab3.setOnClickListener(new View.OnClickListener() { 
     @Override 
     public void onClick(View v) { 
      Toast.makeText(getApplication(), "Floating Action Button 3", Toast.LENGTH_SHORT).show(); 
     } 
    }); 

} 

Answer 1

添加到XML布局：

<android.support.design.widget.FloatingActionButton 
     android:id="@+id/myFAB" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/your_icon" 
     app:elevation="4dp" 
     ... /> 

添加到后面的代码：

FloatingActionButton myFab = (FloatingActionButton) myView.findViewById(R.id.myFAB); 
myFab.setOnClickListener(new View.OnClickListener() { 
    public void onClick(View v) { 
      // TODO something when floating action menu third item clicked 
    } 
}); 

对于给定的后续环节

FloatingActionButton example with Support Library

http://www.viralandroid.com/2016/02/android-floating-action-menu-example.html