FloatingActionButton的个人总结

最近在gitup上看到了一个开源库，挺好用的

FloatingActionButton

主要功能是，当listView向下滑动时，右下角的红色按钮消失。当上滚动时，会出现。类似知乎的功能。自己用AS做了一个例子

1、首先是xml布局 ,一个listView 加上一个FloatingActionButton ，很简单

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:fab="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ListView
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <com.melnykov.fab.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_margin="16dp"
        android:src="@drawable/btn_circle"
        fab:fab_colorNormal="@color/red"
         fab:fab_colorPressed="@color/blue"
         />
</FrameLayout>

注意 在FloatingActionButton,图片用的src，用的是普通的图片，

fab:fab_colorNormal="@color/red"
fab:fab_colorPressed="@color/blue" //设置图片的点击按压效果
2、最后是Activity代码
package hemiy.qinghui.com.mytestdemo.floatbutton;
import android.content.Context;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;
import com.melnykov.fab.FloatingActionButton;

import java.util.ArrayList;
import java.util.List;

import butterknife.BindView;
import butterknife.ButterKnife;
import hemiy.qinghui.com.mytestdemo.R;

/**
 * 悬浮按钮
 * https://github.com/makovkastar/FloatingActionButton/issues
 * Created by hemiy on 16/6/8.
 */
public class FloatButtonAcvitity extends AppCompatActivity {


    @BindView(android.R.id.list)
    ListView listView;
    @BindView(R.id.fab)
    FloatingActionButton fab;
    private Context context;

    private List<String> datas = new ArrayList<>();
    private ArrayAdapter adapter;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_float_button);
        ButterKnife.bind(this);
        context=this;
        intiDatas();

    }

    private void intiDatas() {
        datas.add("广州1");
        datas.add("深圳2");
        datas.add("韶关3");
        datas.add("红山4");
        datas.add("北京5");

        datas.add("广州6");
        datas.add("深圳7");
        datas.add("韶关8");
        datas.add("红山9");
        datas.add("北京10");

        datas.add("广州11");
        datas.add("深圳12");
        datas.add("韶关13");
        datas.add("红山14");
        datas.add("北京15");

        datas.add("广州16");
        datas.add("深圳17");
        datas.add("韶关18");
        datas.add("红山19");
        datas.add("北京20");
        adapter = new ArrayAdapter(FloatButtonAcvitity.this, R.layout.item_for_list, datas);
        listView.setAdapter(adapter);
        //悬浮按钮的设置监听
        fab.attachToListView(listView);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(FloatButtonAcvitity.this,"点击了",Toast.LENGTH_LONG).show();
            }
        });
    }

}

3、记得在model的gradle文件里添加依赖

compile 'com.melnykov:floatingactionbutton:1.3.0'