43.Android 简单的悬浮按钮的属性使用

//---------------------------第一步 导依赖--------------------------

implementation 'com.getbase:floatingactionbutton:1.9.0'

// -----------------------------------第二步 写布局-------------------------------

//--------要是fab报错，把你的

xmlns:app="http://schemas.android.com/apk/res-auto"改成：

xmlns:fab="http://schemas.android.com/apk/res-auto"

 

//属性：

//修改meau按钮的背景色

fab:fab_addButtonColorNormal="@color/theme_color"

//meau按钮按下的颜色

 fab:fab_addButtonColorPressed="@color/fab_pressed_color"

//meau中间 "+" 的颜色

fab:fab_addButtonPlusIconColor="@color/white"

//title样式，可以修改title的颜色和背景（注意这句要是不写，字出不来）

fab:fab_labelStyle="@style/fab_labels_style"

 

 

//fab_labels_style如下：

//文字背景的样式

<style name="fab_labels_style"> <item name="android:background">@drawable/fab_label_background</item>

//文字的颜色

<item name="android:textColor">@color/black</item>

</style>

 

//fab_label_background如下：

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android">

<solid android:color="@color/white"/>

//离内边框的距离

<padding android:left="16dp" android:top="4dp" android:right="16dp" android:bottom="4dp"/>

//边框四个叫的弧度

<corners android:radius="5dp"/>

//边框边线的宽度和颜色

<stroke android:width="1dp" android:color="@color/text_color_84"/>

</shape>

 

<!--按钮里图标的颜色-->
<!--fab:fab_addButtonPlusIconColor="#46c65858"-->

<!--设置父按钮的大小-->
<!--fab:fab_addButtonSize="mini"-->

<!--按钮的颜色-->
<!--fab:fab_addButtonColorNormal="#00fff2"-->

<!--点击按钮的闪动颜色-->
<!--fab:fab_addButtonColorPressed="#ff00fb"-->


<!--设置子按钮的背景色-->
<!--fab:fab_colorDisabled="@color/colorAccent"-->

<!--设置子按钮的大小-->
<!--fab:fab_size="mini"-->

<!--子按钮的字-->
<!--fab:fab_title="哈哈哈哈"-->

<!--设置按钮在布局中的位置-->
<!--fab:fab_expandDirection="up"-->

<!--设置文字是向左还是向右-->
<!--fab:fab_labelsPosition="right"-->

<com.getbase.floatingactionbutton.FloatingActionsMenu
    android:id="@+id/multiple_actions"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    fab:fab_addButtonColorNormal="#00fff2"
    fab:fab_addButtonColorPressed="#ff00fb"
    fab:fab_addButtonSize="mini"
    fab:fab_addButtonPlusIconColor="#f3ff0000"
    fab:fab_labelsPosition="right"

    android:layout_marginBottom="16dp"
    android:layout_marginRight="16dp"
    android:layout_marginEnd="16dp">

    <com.getbase.floatingactionbutton.FloatingActionButton
        android:id="@+id/action_grid"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        fab:fab_colorNormal="#00ffffff"
        fab:fab_icon="@mipmap/ic_launcher"
        fab:fab_colorPressed="#00ffffff"
        fab:fab_colorDisabled="@color/colorAccent"
        fab:fab_size="mini"
        fab:fab_title="哈哈哈哈"/>

    <com.getbase.floatingactionbutton.FloatingActionButton
        android:id="@+id/action_list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        fab:fab_colorNormal="#00fff2"
        fab:fab_icon="@mipmap/ic_launcher"
        fab:fab_colorPressed="#00fff2"/>
    <com.getbase.floatingactionbutton.FloatingActionButton
        android:id="@+id/action_staggle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        fab:fab_colorNormal="#00fff2"
        fab:fab_icon="@mipmap/ic_launcher"
        fab:fab_colorPressed="#00fff2"/>

</com.getbase.floatingactionbutton.FloatingActionsMenu>

 

//---------------------------第三步 Activity里使用---------------------------------

private void initView() {

    action_grid = (FloatingActionButton) findViewById(R.id.action_grid);
    action_grid.setOnClickListener(this);
    action_list = (FloatingActionButton) findViewById(R.id.action_list);
    action_list.setOnClickListener(this);
    action_staggle = (FloatingActionButton) findViewById(R.id.action_staggle);
    action_staggle.setOnClickListener(this);
    multiple_actions = (FloatingActionsMenu) findViewById(R.id.multiple_actions);
    multiple_actions.setOnClickListener(this);
}


@Override
public void onClick(View v) {
    switch (v.getId()) {
        case R.id.action_grid:
            Toast.makeText(this, "1", Toast.LENGTH_SHORT).show();
            multiple_actions.collapse();
            break;
        case R.id.action_list:
            Toast.makeText(this, "2", Toast.LENGTH_SHORT).show();
            multiple_actions.collapse();
            break;
        case R.id.action_staggle:
            Toast.makeText(this, "3", Toast.LENGTH_SHORT).show();
            multiple_actions.collapse();
            break;
    }
}

//---------------------------------------------------------------------完---------------------------------------------------------------------------------------