FloatingActionButton的使用

效果图:
FloatingActionButton的使用_第1张图片

给大家说的就是右下角的悬浮按钮

他的使用很简单,只需要在AS中添加依赖就可以了
在Design包中

compile 'com.android.support:design:25.0.0'

布局文件

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context="fragment.ShowFragment">

    
    <ListView
        android:id="@+id/lv_showFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_margin="20dp"
        app:backgroundTint="#fff"
        android:src="@mipmap/back"
        />
FrameLayout>

这里面主要是在碎片上添加一个ListView,用来展示数据,属性设置为match_parent,添加FloatingActionButton就可以了。
修改颜色:

app:backgroundTint="#fff"

FloatingActionButton的阴影效果:

app:elevation="6dp"//显示的阴影大小
app:pressedTranslationZ="12dp"//点击时的阴影大小

Fragment中的代码:
先找出FloatingActionButton控件:

@Override
    public View onCreateView(final LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
FloatingActionButton fab =(FloatingActionButton) view.findViewById(R.id.fab);
}

随后设置点击事件就OK了

fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //返回ListView第一条数据
                lv.setSelection(0);
            }
        });

你可能感兴趣的:(FloatingActionButton的使用)