Android-FloatingActionButton悬浮按钮基本使用、字体、颜色

2021-09-24 14:34:53 浏览数 (2)

这里主要讲:

FloatingActionsMenu自定义样式以及title调整

FloatingActionButton的基本方法

看一下效果图:

这里使用的是:com.getbase.floatingactionbutton.FloatingActionsMenu

先说下它的配置:在app/build.gradle 添加以下代码依赖:

代码语言:javascript复制
//圆形悬浮按钮
    implementation 'com.android.support:design:28.0.0'
    implementation 'com.getbase:floatingactionbutton:1.10.1'

title 字体以及颜色的设置:

FloatingActionButton默认无法显示文字的情况,所以这里需要对其配置样式;

在res/value/style中添加:

代码语言:javascript复制
        <item name="android:background">@drawable/fab_label_background</item> //文字背景的样式
        <item name="android:textColor">@color/text_color</item> //文字的颜色

这里是我的res/value/color的配置:

代码语言:javascript复制
    #ffffff
    #000000

然后就到了最重要的部分

这里我们在drawable中添加自定义消灭了文件用于配置文字样式:

代码语言:javascript复制

完成这些步骤之后只需在布局文件中调用即可:

这里是我的布局文件:

代码语言:javascript复制

// 设置方法如代码第六行所示

FloatingActionButton基本使用:

代码语言:javascript复制
/*
        设置三个悬浮按钮的监听事件
         */
        //
        final FloatingActionButton actionA = (FloatingActionButton) findViewById(R.id.action_a);
        actionA.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //空
            }
        });
        //跳转到 FromPointToPoint 活动
        final FloatingActionButton actionB = (FloatingActionButton) findViewById(R.id.action_b);
        actionB.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                startActivityForResult(new Intent(MainActivity.this,FromPointToPoint.class),0x1);
            }
        });
        //弹出提示
        final FloatingActionButton actionC = (FloatingActionButton) findViewById(R.id.action_c);
        actionC.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(MainActivity.this,"dianjile",Toast.LENGTH_SHORT).show();
            }
        });

部分内容参考自:https://www.jb51.net/article/107262.htm

0 人点赞