43.Android 简单的悬浮按钮的属性使用

导读:本篇文章讲解 43.Android 简单的悬浮按钮的属性使用,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

//—————————第一步 导依赖————————–

implementation 'com.getbase:floatingactionbutton:1.9.0'

// ———————————–第二步 写布局——————————-

//——–要是fab报错,把你的

xmlns:app=”http://schemas.android.com/apk/res-auto”改成:

xmlns:fab=”http://schemas.android.com/apk/res-auto”

 

//属性:

//修改meau按钮的背景色

fab:fab_addButtonColorNormal=”@color/theme_color”

//meau按钮按下的颜色

 fab:fab_addButtonColorPressed=”@color/fab_pressed_color”

//meau中间 “+” 的颜色

fab:fab_addButtonPlusIconColor=”@color/white”

//title样式,可以修改title的颜色和背景(注意这句要是不写,字出不来)

fab:fab_labelStyle=”@style/fab_labels_style”

 

 

//fab_labels_style如下:

//文字背景的样式

<style name=”fab_labels_style”> <item name=”android:background”>@drawable/fab_label_background</item>

//文字的颜色

<item name=”android:textColor”>@color/black</item>

</style>

 

//fab_label_background如下:

<?xml version=”1.0″ encoding=”utf-8″?>

<shape xmlns:android=”http://schemas.android.com/apk/res/android”>

<solid android:color=”@color/white”/>

//离内边框的距离

<padding android:left=”16dp” android:top=”4dp” android:right=”16dp” android:bottom=”4dp”/>

//边框四个叫的弧度

<corners android:radius=”5dp”/>

//边框边线的宽度和颜色

<stroke android:width=”1dp” android:color=”@color/text_color_84″/>

</shape>

 

<!--按钮里图标的颜色-->
<!--fab:fab_addButtonPlusIconColor="#46c65858"-->

<!--设置父按钮的大小-->
<!--fab:fab_addButtonSize="mini"-->

<!--按钮的颜色-->
<!--fab:fab_addButtonColorNormal="#00fff2"-->

<!--点击按钮的闪动颜色-->
<!--fab:fab_addButtonColorPressed="#ff00fb"-->


<!--设置子按钮的背景色-->
<!--fab:fab_colorDisabled="@color/colorAccent"-->

<!--设置子按钮的大小-->
<!--fab:fab_size="mini"-->

<!--子按钮的字-->
<!--fab:fab_title="哈哈哈哈"-->

<!--设置按钮在布局中的位置-->
<!--fab:fab_expandDirection="up"-->

<!--设置文字是向左还是向右-->
<!--fab:fab_labelsPosition="right"-->

<com.getbase.floatingactionbutton.FloatingActionsMenu
    android:id="@+id/multiple_actions"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    fab:fab_addButtonColorNormal="#00fff2"
    fab:fab_addButtonColorPressed="#ff00fb"
    fab:fab_addButtonSize="mini"
    fab:fab_addButtonPlusIconColor="#f3ff0000"
    fab:fab_labelsPosition="right"

    android:layout_marginBottom="16dp"
    android:layout_marginRight="16dp"
    android:layout_marginEnd="16dp">

    <com.getbase.floatingactionbutton.FloatingActionButton
        android:id="@+id/action_grid"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        fab:fab_colorNormal="#00ffffff"
        fab:fab_icon="@mipmap/ic_launcher"
        fab:fab_colorPressed="#00ffffff"
        fab:fab_colorDisabled="@color/colorAccent"
        fab:fab_size="mini"
        fab:fab_title="哈哈哈哈"/>

    <com.getbase.floatingactionbutton.FloatingActionButton
        android:id="@+id/action_list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        fab:fab_colorNormal="#00fff2"
        fab:fab_icon="@mipmap/ic_launcher"
        fab:fab_colorPressed="#00fff2"/>
    <com.getbase.floatingactionbutton.FloatingActionButton
        android:id="@+id/action_staggle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        fab:fab_colorNormal="#00fff2"
        fab:fab_icon="@mipmap/ic_launcher"
        fab:fab_colorPressed="#00fff2"/>

</com.getbase.floatingactionbutton.FloatingActionsMenu>

 

//—————————第三步 Activity里使用———————————

private void initView() {

    action_grid = (FloatingActionButton) findViewById(R.id.action_grid);
    action_grid.setOnClickListener(this);
    action_list = (FloatingActionButton) findViewById(R.id.action_list);
    action_list.setOnClickListener(this);
    action_staggle = (FloatingActionButton) findViewById(R.id.action_staggle);
    action_staggle.setOnClickListener(this);
    multiple_actions = (FloatingActionsMenu) findViewById(R.id.multiple_actions);
    multiple_actions.setOnClickListener(this);
}


@Override
public void onClick(View v) {
    switch (v.getId()) {
        case R.id.action_grid:
            Toast.makeText(this, "1", Toast.LENGTH_SHORT).show();
            multiple_actions.collapse();
            break;
        case R.id.action_list:
            Toast.makeText(this, "2", Toast.LENGTH_SHORT).show();
            multiple_actions.collapse();
            break;
        case R.id.action_staggle:
            Toast.makeText(this, "3", Toast.LENGTH_SHORT).show();
            multiple_actions.collapse();
            break;
    }
}

//———————————————————————完—————————————————————————————

 

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/118351.html

(0)
seven_的头像seven_bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!