【问题标题】:Floating Action Button shows up in Arc style like Skype浮动操作按钮以弧形样式显示,如 Skype
【发布时间】:2016-04-20 10:11:58
【问题描述】:

我正在自定义一个可以展开以显示菜单的浮动操作按钮,我已经实现了展开菜单的 FAB,但我想为其添加背景颜色,以及展开的菜单的背景颜色。

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

这是我想要实现的示例图片

谢谢。

【问题讨论】:

  • 嘿伙计,如果您对您的问题有任何想法,请告诉我。

标签: java android android-studio floating-action-button


【解决方案1】:

看看这个很棒的库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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-09-13
    • 1970-01-01
    • 2016-11-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多