Android 之 FloatingActionButton

就是button按钮，但是还有点不同 这个按钮是个圆形的，当然普通的按钮也可以搞成圆形的，看起来就像一个悬浮的按钮 ，一般的情况下回合listiView或者Recyclerv连用 实现一种，点击时候回到顶部的效果

效果图.png

就是这种效果，这东西用法和普通按钮基本上一样，一些属性
app:backgroundTint="#F00" 背景
app:elevation="20dp" 海拔
app:rippleColor="#0F0" 波纹 点击的时候的颜色
app:borderWidth="3dp" 边界
其他属性自己尝试吧，主要是用来点击按钮回到顶部这么一个过程，一般情况下，如果列表在顶部这个按钮是不显示的，

效果图2.png
就是这种的，当列表顶部不在最上边的时候按钮就显示出来呈现第一张图效果，下边贴代码。

private ListView mListView;
private FloatingActionButton mFloatingActionButton;
private MyAdapter myAdapter;
private ArrayList<String> strings;
private boolean isad;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main2);

    initData();
    loadDAta();


    ObjectAnimator animator = ObjectAnimator.ofFloat(mFloatingActionButton, "alpha", 1f, 0f);
    // 表示的是:
    // 动画作用对象是mButton
    // 动画作用的对象的属性是透明度alpha
    // 动画效果是:常规 - 全透明 - 常规
    animator.setDuration(0000);
    animator.start();
    mFloatingActionButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            mListView.smoothScrollToPosition(0);
        }
    });


    mListView.setOnScrollListener(new AbsListView.OnScrollListener() {
        @Override
        public void onScrollStateChanged(AbsListView view, int scrollState) {

        }

        @Override
        public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
            if (firstVisibleItem == 0) {
                if (isad) {
                    mFloatingActionButton.setClickable(false);
                    setAt(1f, 0f);
                    isad = false;
                }
            } else {
                if (!isad) {
                    mFloatingActionButton.setClickable(true);
                    isad = true;
                    setAt(0f, 1f);
                }
            }
        }
    });
}
private void setAt(float start, float end) {
    ObjectAnimator animator = ObjectAnimator.ofFloat(mFloatingActionButton, "alpha", start, end);
    // 表示的是:
    // 动画作用对象是mButton
    // 动画作用的对象的属性是透明度alpha
    // 动画效果是:常规 - 全透明 - 常规
    animator.setDuration(2000);
    animator.start();
}
private void loadDAta() {
    int s = 30;
    for (int i = 0; i < s; i++) {
        strings.add("============>>>>>>>>" + i);
    }
    myAdapter.notifyDataSetChanged();
}
private void initData() {
    mListView = (ListView) findViewById(R.id.lvv);
    mFloatingActionButton = (FloatingActionButton) findViewById(R.id.fab);
    strings = new ArrayList<>();
    myAdapter = new MyAdapter(this, strings);
    mListView.setAdapter(myAdapter);
}

}
上边是全部代码，其实 下面是控制按钮显示和不显示的核心代码

    mListView.setOnScrollListener(new AbsListView.OnScrollListener() {
        @Override
        public void onScrollStateChanged(AbsListView view, int scrollState) {

        }

        @Override
        public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
            if (firstVisibleItem == 0) {
                if (isad) {
                    mFloatingActionButton.setClickable(false);
                    setAt(1f, 0f);
                    isad = false;
                }
            } else {
                if (!isad) {
                    mFloatingActionButton.setClickable(true);
                    isad = true;
                    setAt(0f, 1f);
                }
            }
        }
    });
}

下边是按钮变化是的动画

    ObjectAnimator animator = ObjectAnimator.ofFloat(mFloatingActionButton, "alpha", 1f, 0f);
    // 表示的是:
    // 动画作用对象是mButton
    // 动画作用的对象的属性是透明度alpha
    animator.setDuration(1000);//这是动画的变化时间
    animator.start();

这里是用的 透明度变化
ObjectAnimator.ofFloat(mFloatingActionButton, "alpha", 1f, 0f);后面两个数据代表是透明度，取值0.0f-1.0f，这里代表的意思是透明度从1到0。0代表完全透明，1是完全不透明。
animator.setDuration(1000);//这是动画的变化事件，1000单位是毫秒，这里就是1秒，代表的意思就是透明度从1f到0f需要的时间。