安卓进阶系列-01浮动按钮(FloatingActionsMenu)的使用

这里主要介绍浮动按钮的使用。

需要添加依赖如下。或者使用api关键字。（gradle脚本中compile，implementation，api区别可自行百度）

compile 'com.getbase:floatingactionbutton:1.10.1'

版本随意，新版肯定丰富优化一些。

1.布局中的使用

注意点：需要声明命名空间fab。

               fab_colorNormal为不点击样式。

               fab_colorPressed为点击后样式。

               fab_icon为图标。

               fab_title为标题。（这里必须在父控件声明label样式，因为是使用label放置的，不声明title没有样式不会显示）

               fab_size是大小为mini或者normal。

这是我自定义的样式。（res/values/style文件里）

2.代码操作

代码操作类似Button。

package com.zc.helloworld;

import android.content.Context;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

import com.getbase.floatingactionbutton.FloatingActionButton;


public class MainActivity extends AppCompatActivity {

    FloatingActionButton b1;
    FloatingActionButton b2;
    FloatingActionButton b3;
    private Context context;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        context = this;
       // 绑定组件
        bindViews();
        //设置事件监听
        b1.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View v) {
                Toast.makeText(context, "你点击了b1按钮", Toast.LENGTH_SHORT).show();
            }});
        b2.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View v) {
                Toast.makeText(context, "你点击了b2按钮", Toast.LENGTH_SHORT).show();
            }});
        b3.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View v) {
                Toast.makeText(context, "你点击了b3按钮", Toast.LENGTH_SHORT).show();
            }});
    }

    private void bindViews() {
        b1 = (FloatingActionButton) findViewById(R.id.fab_b1);
        b2 = (FloatingActionButton) findViewById(R.id.fab_b2);
        b3 = (FloatingActionButton) findViewById(R.id.fab_b3);
    }


}

3.效果演示

如下。

项目源码地址：https://github.com/luanshiyinyang/TestForFloatingActionsMenu