Question

我注意到这个模板被messenger，hangout和其他应用程序使用。我怎样才能达到同样的效果？

enter image description here

Answer 1

我使用了一个库来获取这些布局。这是我使用过的代码的一部分。有关该库的更多信息，请访问此链接。https://github.com/Clans/FloatingActionButton

<强> myxml.xml

<com.github.clans.fab.FloatingActionMenu
        android:id="@+id/menu_red"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:paddingRight="10dp"
        android:paddingBottom="10dp"
        android:paddingLeft="10dp"
        htext:menu_labels_ellipsize="end"
        htext:menu_labels_singleLine="true"
        htext:menu_backgroundColor="#ccffffff"
        >

        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/fabphy"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/btn_star_big_on"
            android:visibility="gone"
            htext:fab_size="mini"
            htext:fab_label="Load Physics" />
        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/fabche"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/btn_star_big_on"
            android:visibility="gone"
            htext:fab_size="mini"
            htext:fab_label="Load Chemistry" />
        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/fabmat"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/btn_star_big_on"
            android:visibility="gone"
            htext:fab_size="mini"
            htext:fab_label="Load Maths" />
        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/fabgk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/btn_star_big_on"
            android:visibility="gone"
            htext:fab_size="mini"
            htext:fab_label="Load GK" />
        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/fabsd"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/stat_notify_sdcard"
            htext:fab_size="mini"
            htext:fab_label="Load SD Card" />

        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/fab2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_menu_search"
            htext:fab_size="mini"
            htext:fab_label="Change folder" />
        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/fab3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_input_add"
            htext:fab_size="mini"
            android:visibility="gone"
            htext:fab_label="Add file" />
    </com.github.clans.fab.FloatingActionMenu>

Answer 2

您需要为其定制

<uk.co.markormesher.android_fab.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

https://github.com/markormesher/android-fab

https://github.com/Scalified/fab

浮动动作按钮模板

2 个答案: