Android Material Design控件之FloatingActionButton

Android Material Design Android官方控件学习目录

FloatingActionButton

• 悬浮按钮,一种md风格的button,常出现在页面右下角

导入support-v4库,一般创建项目就已经依赖v4库

'com.android.support:support-v4:26.1.0'

简单使用

<android.support.design.widget.FloatingActionButton
		android:id="@+id/flb_add"
		android:layout_width="64dp"
		android:layout_height="64dp"
		android:layout_margin="20dp"
		android:src="@drawable/ic_action_add"
		app:fabSize="auto"
		android:layout_gravity="bottom|right"
		android:clickable="true"
		app:rippleColor="#33000000"
		app:backgroundTint="#53306F"
		app:borderWidth="0dp"
	/>

• app:rippleColor 点击颜色
• app:backgroundTint 正常颜色
• android:src 图标
• app:borderWidth:自定义颜色时 去除黑边
• app:fabSize normal mini 分别为系统指定大小56dp和40dp,可手动设置width height

配合AppBarLayout、CollapsingToolbarLayout使用特效

<android.support.design.widget.FloatingActionButton
		android:id="@+id/flb_play"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_marginBottom="20dp"
		android:layout_marginRight="20dp"
		android:src="@drawable/ic_action_play"
		app:fabSize="normal"
		app:layout_anchor="@id/ll_appbar"
		app:layout_anchorGravity="bottom|right"
		android:clickable="true"
	/>

• app:layout_anchor 锚点,设置’父布局’ 这里为AppBarLayout,
• 将跟随AppBarLayout折叠消失,展开显示.
• app:layout_anchorGravity 相对于锚点布局的位置

setOnClickListener 跟普通button一样

        FloatingActionButton mFloatingActionButton =   findViewById(R.id.flb_add);
        mFloatingActionButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                Toast.makeText(FloatingActionButtonActivity.this,"点击了", Toast.LENGTH_LONG).show();

            }
        });

详细使用请看MaterialDesignWidget.FloatingActionButtonActivity

源码地址：https://github.com/LinweiJ/MaterialDesignWidget