2016-04-20 3 views
2

メニューを展開するために展開するフローティングアクションボタンをカスタマイズしていますが、メニューを展開するFABを達成しましたが、背景色を加えたい展開されているメニューの色。浮動アクションボタンはSkypeのようなアークスタイルで表示されます

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(); 

これは私が

ありがとう実装したいものの一例写真です。

答えて

2

チェックアウトこの素晴らしいライブラリhttps://github.com/saurabharora90/MaterialArcMenu

は、あなたのbuild.gradleに依存関係を追加します。

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>