Android程式設計：懸浮選單按鈕FloatingActionButton例項

環境：

主機:WIN10

開發環境:Android Studio 2.2 Preview 3

說明：

用第三方庫FloatingActionButton實現懸浮選單按鈕

效果圖：

佈局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:fab="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.bazhangkeji.classroom.session.VoiceSessionActivity">

    <com.bazhangkeji.classroom.whiteboard.Whiteboard
        android:id="@+id/white_board"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentStart="true"/>

    <LinearLayout
        android:id="@+id/layout_avatar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingTop="8dp"
        android:paddingLeft="16dp"
        android:paddingRight="16dp">

        <ImageView
            android:id="@+id/avatar"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:src="@drawable/default_avatar"/>

        <TextView
            android:id="@+id/call_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:textColor="@color/black"
            android:text="正在呼叫..."/>
    </LinearLayout>

    <com.getbase.floatingactionbutton.FloatingActionsMenu
        android:id="@+id/button_tool_menu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentStart="true"
        android:layout_margin="2dp"
        fab:fab_addButtonColorNormal="@color/white_button"
        fab:fab_addButtonColorPressed="@color/white_button_pressed"
        fab:fab_addButtonPlusIconColor="@color/half_black"
        fab:fab_addButtonSize="normal"
        fab:fab_labelStyle="@style/menu_labels_style"
        fab:fab_labelsPosition="right" >

        <com.getbase.floatingactionbutton.FloatingActionButton
            android:id="@+id/button_quit"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            fab:fab_colorNormal="@color/white_button"
            fab:fab_colorPressed="@color/white_button_pressed"
            fab:fab_icon="@drawable/ic_call_end_black_48dp"
            fab:fab_size="mini"/>

        <com.getbase.floatingactionbutton.FloatingActionButton
            android:id="@+id/button_tool"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            fab:fab_colorNormal="@color/white_button"
            fab:fab_colorPressed="@color/white_button_pressed"
            fab:fab_icon="@drawable/ic_settings_applications_black_48dp"
            fab:fab_size="mini"/>

        <com.getbase.floatingactionbutton.FloatingActionButton
            android:id="@+id/button_palette"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            fab:fab_colorNormal="@color/white_button"
            fab:fab_colorPressed="@color/white_button_pressed"
            fab:fab_icon="@drawable/ic_color_lens_black_48dp"
            fab:fab_size="mini" />

        <com.getbase.floatingactionbutton.FloatingActionButton
            android:id="@+id/button_camera"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            fab:fab_colorNormal="@color/white_button"
            fab:fab_colorPressed="@color/white_button_pressed"
            fab:fab_icon="@drawable/ic_camera_alt_black_48dp"
            fab:fab_size="mini" />
    </com.getbase.floatingactionbutton.FloatingActionsMenu>
</RelativeLayout>
 

原始碼：

        FloatingActionsMenu buttonToolMenu = (FloatingActionsMenu) findViewById(R.id.button_tool_menu);
        FloatingActionButton buttonQuit = (FloatingActionButton) findViewById(R.id.button_quit);
        FloatingActionButton buttonPalette = (FloatingActionButton) findViewById(R.id.button_palette);
        FloatingActionButton buttonTool = (FloatingActionButton) findViewById(R.id.button_tool);
        FloatingActionButton buttonCamera = (FloatingActionButton) findViewById(R.id.button_camera);

        dialogClearScreenInit();
        dialogPaletteInit();
        dialogSelectImageInit();
        progressDialogInit();

        RxView.clicks(buttonQuit)
                .throttleFirst(1, TimeUnit.SECONDS)
                .compose(this.bindUntilEvent(ActivityEvent.DESTROY))
                .subscribe(v -> {
                    Voip.getInstance().hangUpCall(callId);
                    finishActivity();
                });

        RxView.clicks(buttonPalette)
                .throttleFirst(1, TimeUnit.SECONDS)
                .compose(this.bindUntilEvent(ActivityEvent.DESTROY))
                .subscribe(v -> {
                    buttonToolMenu.collapse();
                    dialogPalette.show();
                });

        RxView.clicks(buttonCamera)
                .throttleFirst(1, TimeUnit.SECONDS)
                .compose(this.bindUntilEvent(ActivityEvent.DESTROY))
                .subscribe(v -> {
                    buttonToolMenu.collapse();
                    dialogSelectImage.show();
                });
 

參考連結：