-1

我正在尝试制作类似于 Google Hangout 的浮动操作菜单。我已经尝试过 https://github.com/Clans/FloatingActionButton 但我仍然无法实现。我想要图片中描述的浮动操作菜单。

当我单击过滤器按钮时，该按钮应该出现并且背景也应该褪色。如果我们点击其他任何地方，菜单应该关闭。请帮忙。从过去的两周开始，我一直在尝试设计相同的东西。

4

3 回答 3

2

这正是你想要的。请参阅此 github 项目。

是的，它很容易集成，我从那里引用了基本的集成部分。

将此添加到您的build.gradle

dependencies {
    compile 'com.github.clans:fab:1.6.3'
}

在你的布局中添加这个FloatingActionMenu

<com.github.clans.fab.FloatingActionMenu
    android:id="@+id/menu_yellow"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_marginRight="80dp"
    android:layout_marginBottom="10dp"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="10dp"
    fab:menu_labels_style="@style/MenuLabelsStyle"
    fab:menu_labels_showAnimation="@anim/jump_from_down"
    fab:menu_labels_hideAnimation="@anim/jump_to_down"
    fab:menu_animationDelayPerItem="0"
    fab:menu_shadowColor="#444"
    fab:menu_colorNormal="#FFB805"
    fab:menu_colorPressed="#F2AB00"
    fab:menu_colorRipple="#D99200">

    <com.github.clans.fab.FloatingActionButton
        android:id="@+id/fab12"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_edit"
        fab:fab_label="Menu item 1"
        style="@style/MenuButtonsStyle" />

    <com.github.clans.fab.FloatingActionButton
        android:id="@+id/fab22"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_edit"
        fab:fab_label="Menu item 2"
        style="@style/MenuButtonsStyle" />

    <com.github.clans.fab.FloatingActionButton
        android:id="@+id/fab32"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_edit"
        fab:fab_label="@string/lorem_ipsum"
        style="@style/MenuButtonsStyle" />

</com.github.clans.fab.FloatingActionMenu>

你可以有FloatingActionMenu自定义的属性。详细查看文档。

更新

要更改菜单标签，您可以在您的styles.xml

<style name="MenuLabelsStyle">
    <item name="android:background">@drawable/fab_label_background</item>
    <item name="android:textColor">@color/theme_color</item>
    <item name="android:textSize">14sp</item>
    <item name="android:maxLines">2</item>
    <item name="android:ellipsize">end</item>
</style>

有关更改fab_label颜色的更多信息，请参阅此问题。

于 2016-05-10T13:30:23.703 回答
1

我不知道这是否可以帮助你。 https://www.google.com/design/spec/components/buttons-floating-action-button.html#

也许如果这对你没有帮助，你可以看看这个视频（它不是我的） https://www.youtube.com/watch?v=m5AZvqJ1YFg

于 2016-05-10T09:02:01.397 回答
1

尝试使用 android 设计支持浮动操作按钮。您可以设计 3 个浮动操作按钮，并相应地将相应的图像分配给它，还可以提供动画来实现像环聊一样的浮动操作菜单

于 2016-05-10T13:22:31.767 回答