Ho raggiunto l'effetto che hai appena citato con il seguente metodo. Ho appena aggiunto una vista dietro il pulsante mobile e sopra gli altri layout e mantieni la visibilità della vista GONE, fino a quando il menu non viene espanso. Quindi ho impostato la visibilità della vista su VISIBLE. E sì, ho impostato lo sfondo della vista su qualsiasi colore opaco che desideri.
Il mio codice
mio file XML
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:fab="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:text="Other View here"
android:textSize="50dp"
android:layout_centerHorizontal="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<View
android:id="@+id/background_dimmer"
android:visibility="gone"
android:background="#55000000"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
<com.getbase.floatingactionbutton.FloatingActionsMenu
android:id="@+id/multiple_actions"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
fab:fab_addButtonColorNormal="@color/white"
fab:fab_addButtonColorPressed="@color/white_pressed"
fab:fab_addButtonPlusIconColor="@color/half_black"
fab:fab_labelStyle="@style/menu_labels_style"
android:layout_marginBottom="16dp"
android:layout_marginRight="16dp"
android:layout_marginEnd="16dp">
<com.getbase.floatingactionbutton.FloatingActionButton
android:id="@+id/action_a"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
fab:fab_colorNormal="@color/white"
fab:fab_title="Action A"
fab:fab_colorPressed="@color/white_pressed"/>
</com.getbase.floatingactionbutton.FloatingActionsMenu>
E alla attività o frammento dove i FloatingButtons sono gestite
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_map);
setFloatingButtonControls();
}
private void setFloatingButtonControls(){
this.bckgroundDimmer = findViewById(R.id.background_dimmer);
this.floatingActionsMenu = (FloatingActionsMenu) findViewById(R.id.multiple_actions);
this.floatingActionsMenu.setOnFloatingActionsMenuUpdateListener(new FloatingActionsMenu.OnFloatingActionsMenuUpdateListener() {
@Override
public void onMenuExpanded() {
bckgroundDimmer.setVisibility(View.VISIBLE);
}
@Override
public void onMenuCollapsed() {
bckgroundDimmer.setVisibility(View.GONE);
}
});
}
Questo vi darà l'effetto che si voleva. Spero che questo ti aiuti. Mi ha sicuramente aiutato. :)
Sto visualizzando FloatingActionMenu in Fragment e l'utilizzo della soluzione precedente non si sovrappone alla barra delle azioni. Qualche idea su come ottenere la sovrapposizione a schermo intero? –
@PawanKumar Affronterai un problema in Fragment. Una vista sovrapposta tornerà al frammento o sarà in cima a tutto. Anche FAB verrà sovrapposto. Sarà meglio usare FAB in Activity. –