Android悬浮按钮com.getbase:floatingactionbutton

floatingactionbutton悬浮按钮

记录一个第三方开源悬浮按钮的使用(com.getbase:floatingactionbutton)
添加依赖:implementation 'com.getbase:floatingactionbutton:1.10.1'

效果图:
在这里插入图片描述
在这里插入图片描述

布局代码:activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.getbase.floatingactionbutton.FloatingActionsMenu
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_margin="10dp"
        app:fab_labelStyle="@style/floatingActionsMenu_fab_style"
        app:fab_addButtonSize="normal"
        app:fab_labelsPosition="left"
        app:fab_addButtonColorNormal="@color/colorBlue"
        app:fab_addButtonColorPressed="@color/colorGreen"
        app:fab_addButtonPlusIconColor="@color/colorBlack">
        <com.getbase.floatingactionbutton.FloatingActionButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/btn1"
            app:fab_icon="@mipmap/ic_launcher_round"
            app:fab_title="第一个"
            app:fab_size="mini"
            app:fab_colorNormal="@color/colorBlue"
            app:fab_colorPressed="@color/colorGreen" />
        <com.getbase.floatingactionbutton.FloatingActionButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:fab_title="第二个"
            android:id="@+id/btn2"
            app:fab_icon="@mipmap/ic_launcher_round"
            app:fab_size="mini"/>
    </com.getbase.floatingactionbutton.FloatingActionsMenu>

</RelativeLayout>

一些重要属性:
FloatingActionsMenu:
app:fab_labelStyle="" // 设置弹出的子按钮的文字标签的样式
app:fab_addButtonSize=“normal” // 设置主按钮的大小,有两种大小,normal和mini
app:fab_labelsPosition=“left” // 设置文字标签的位置,子按钮图标的左边或右边
app:fab_addButtonColorNormal="@color/colorBlue" //设置主按钮的颜色
app:fab_addButtonColorPressed="@color/colorGreen" //设置主按钮点击时颜色
app:fab_addButtonPlusIconColor="@color/colorBlack" // 设置主按钮中间 + 加号的颜色
app:fab_expandDirection=“up” // 设置子按钮列表弹出方向,默认向上弹出

FloatingActionButton:
app:fab_icon="@mipmap/ic_launcher_round" //设置子按钮图标
app:fab_title=“第一个” // 设置标签文本内容
app:fab_size=“mini” //设置子按钮大小,同样有两种大小
app:fab_colorNormal="@color/colorBlue" // 设置颜色
app:fab_colorPressed="@color/colorGreen" // 设置点击时颜色

按钮点击事件设置:

package com.example.floatingactionbutton;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import com.getbase.floatingactionbutton.FloatingActionButton;


public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private static final String TAG = "MainActivity";
    private Intent mIntent;
    private FloatingActionButton btn1;
    private FloatingActionButton btn2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mIntent = new Intent(MainActivity.this,SecondActivity.class);
        btn1 = findViewById(R.id.btn1);
        btn2 = findViewById(R.id.btn2);
        btn1.setOnClickListener(this);
        btn2.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        startActivity(mIntent);
    }
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值