1,实现效果
-
FloatingActionButton:是由ImageButton升级过来。可有悬浮效果。阴影。
2,实现代码
核心内容全在开发包中
【1】添加依赖
compile 'com.android.support:design:23.2.0'
butterknife依赖
【2】布局显示
-
添加命名空间
xmlns:app="http://schemas.android.com/apk/res-auto"
-
elevation海拔 跟阴影有关系
-
fabSize大小.normal 较大 mini较小
-
backgroundTint 背景色
-
rippleColor 水波纹的颜色
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main"
android:layout_width="match_parent" android:layout_height="match_parent"
>
<android.support.design.widget.FloatingActionButton
android:layout_width="wrap_content"
android:id="@+id/fab"
xmlns:app="http://schemas.android.com/apk/res-auto"
app:elevation="5dp"
app:fabSize="normal"
app:rippleColor="#FFF000"
android:layout_margin="10dp"
android:src="@mipmap/ic_launcher"
app:backgroundTint="@color/colorPrimary"
android:layout_gravity="bottom|right"
android:layout_height="wrap_content" />
</android.support.design.widget.CoordinatorLayout>
【3】找到控件设置点击效果
@BindView(R.id.fab)
FloatingActionButton fab;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ButterKnife.bind(this);
// FloatingActionButton:是由ImageButton升级过来。可有悬浮效果。阴影。
}
@OnClick(R.id.fab)
public void onClick() {
Toast.makeText(this, "显示", Toast.LENGTH_SHORT).show();
}