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

圆号本昊

发布于 2021-09-24 14:34:53

2.1K0

发布于 2021-09-24 14:34:53

文章被收录于专栏：github@hornhuanggithub@hornhuang

这里主要讲：

FloatingActionsMenu自定义样式以及title调整

FloatingActionButton的基本方法

看一下效果图：

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

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

//圆形悬浮按钮
    implementation 'com.android.support:design:28.0.0'
    implementation 'com.getbase:floatingactionbutton:1.10.1'

title 字体以及颜色的设置：

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

在res/value/style中添加：

        <item name="android:background">@drawable/fab_label_background</item> //文字背景的样式
        <item name="android:textColor">@color/text_color</item> //文字的颜色

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

    #ffffff
    #000000

然后就到了最重要的部分

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

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

这里是我的布局文件：

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

FloatingActionButton基本使用：

/*
        设置三个悬浮按钮的监听事件
         */
        //
        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

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2018-11-29 ，如有侵权请联系 cloudcommunity@tencent.com 删除

gradle