Floating Action Button zeigt im Arc-Stil wie Skype

Question

Ich bin eine Floating-Action-Schaltfläche anpassen, die erweitert, um ein Menü anzuzeigen, habe ich die FAB, die ein Menü erweitert, aber ich möchte eine Hintergrundfarbe hinzufügen, und auch den Hintergrund Farbe für das Menü, das erweitert wird.

ImageView imageView = new ImageView(this); 
    imageView.setImageResource(R.drawable.notes_bottom_menu); 
    FloatingActionButton actionButton = new FloatingActionButton.Builder(this) 
      .setContentView(imageView) 
      .build(); 

    ImageView iconName = new ImageView(this); 
    iconName.setImageResource(R.drawable.create_note); 
    ImageView iconDate = new ImageView(this); 
    iconDate.setImageResource(R.drawable.home_coach); 
    ImageView iconRating = new ImageView(this); 
    iconRating.setImageResource(R.drawable.bookmark); 
    SubActionButton.Builder itemBuilder = new SubActionButton.Builder(this); 

    SubActionButton buttonName = itemBuilder.setContentView(iconName).build(); 
    SubActionButton buttonDate = itemBuilder.setContentView(iconDate).build(); 
    SubActionButton buttontRatings = itemBuilder.setContentView(iconRating).build(); 

    FloatingActionMenu actionMenu = new FloatingActionMenu.Builder(this) 
      .addSubActionView(buttonName) 
      .addSubActionView(buttonDate) 
      .addSubActionView(buttonRatings) 
      .attachTo(actionButton) 
      .build(); 

Dies ist ein Beispiel Bild von dem, was ich will

Danke implementieren.

Answer 1

Karo heraus diese fantastische Bibliothek https://github.com/saurabharora90/MaterialArcMenu

eine Abhängigkeit zu Ihrem build.gradle hinzufügen:

dependencies { 
compile 'com.sa90.materialarcmenu:library:1.3' 

} 



<com.sa90.materialarcmenu.ArcMenu 
    android:id="@+id/arcMenu" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom|end" 
    app:menu_scr="@drawable/ic_dialog_dialer" 
    app:menu_open="arc_left"> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab1" 
     android:layout_width="wrap_content" 
     android:src="@drawable/ic_dialog_email" 
     android:layout_height="wrap_content" /> 

    <android.support.design.widget.FloatingActionButton 
     android:layout_width="wrap_content" 
     android:src="@drawable/ic_dialog_alert" 
     android:layout_height="wrap_content" /> 

    <android.support.design.widget.FloatingActionButton 
     android:layout_width="wrap_content" 
     android:src="@drawable/ic_dialog_info" 
     android:layout_height="wrap_content" /> 

    <android.support.design.widget.FloatingActionButton 
     android:layout_width="wrap_content" 
     android:src="@drawable/ic_dialog_map" 
     android:layout_height="wrap_content" /> 

</com.sa90.materialarcmenu.ArcMenu>