Android开发动态圆形浮动菜单按钮,Android编程：悬浮菜单按钮FloatingActionButton实例...

Android编程：悬浮菜单按钮FloatingActionButton实例

环境：

主机:WIN10

开发环境:Android Studio 2.2 Preview 3

说明：

用第三方库FloatingActionButton实现悬浮菜单按钮

效果图：

布局：

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">

android:id="@+id/white_board"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_alignParentStart="true"/>

android:id="@+id/layout_avatar"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:paddingTop="8dp"

android:paddingLeft="16dp"

android:paddingRight="16dp">

android:id="@+id/avatar"

android:layout_width="48dp"

android:layout_height="48dp"

android:src="@drawable/default_avatar"/>

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="正在呼叫..."/>

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" >

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"/>

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"/>

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" />

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" />

源码：

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

});

参考链接：