Android开发悬浮按钮 Floating ActionButton的实现方法

 更新时间:2016年09月08日 14:17:08   作者:听着music睡  
这篇文章主要介绍了Android开发悬浮按钮 Floating ActionButton的实现方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下

一、介绍

这个类是继承自ImageView的,所以对于这个控件我们可以使用ImageView的所有属性

android.support.design.widget.FloatingActionButton 

二、使用准备, 在as 的 build.grade文件中写上

compile 'com.android.support:design:22.2.0' 

三、使用说明

xml文件中,注意蓝色字体部分

<android.support.design.widget.FloatingActionButton
android:id="@+id/floatingActionButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_centerInParent="true"
android:src="@mipmap/ok"
app:borderWidth="0dp"
app:backgroundTint="#FF4011"
app:rippleColor="#33728dff"
app:elevation="8dp"
app:pressedTranslationZ="16dp"
/>

可以看到我们使用了app属性,则需要在根容器中添加这个属性。

xmlns:app="http://schemas.android.com/apk/res-auto" 

属性介绍:

1、app:borderWidth=""------------------边框宽度,通常设置为0 ,用于解决Android 5.X设备上阴影无法正常显示的问题

2、app:backgroundTint=""---------------按钮的背景颜色,不设置,默认使用theme中colorAccent的颜色

3、app:rippleColor=""--------------------点击的边缘阴影颜色

4、app:elevation=""----------------------边缘阴影的宽度

5、app:pressedTranslationZ="16dp"-----点击按钮时,按钮边缘阴影的宽度,通常设置比elevation的数值大

另外我们希望点击按钮一个颜色,正常状态一个颜色 以提高用户体验,那么就是drawable文件夹中创建文件 floatbutton.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/colorNormal"></item>
<item android:state_pressed="true" android:drawable="@color/colorPressed"></item>
</selector>

然后我们设置FloatActionButton的backgroud为这个drawable文件即可,同时app:backgroundTint=""属性也可以不再设置

<android.support.design.widget.FloatingActionButton
android:id="@+id/floatingActionButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="@drawable/floatbutton"
android:src="@mipmap/ok"
app:borderWidth="0dp"
app:rippleColor="#33728dff"
app:elevation="8dp"
app:pressedTranslationZ="16dp"
/>

效果图:

相关文章

  • Android实现城市选择三级联动

    Android实现城市选择三级联动

    这篇文章主要为大家详细介绍了Android实现城市选择三级联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • android使用include调用内部组件的方法

    android使用include调用内部组件的方法

    这篇文章主要介绍了android使用include调用内部组件的方法,涉及Android组件调用的相关技巧,需要的朋友可以参考下
    2015-05-05
  • Android实现简单动态搜索功能

    Android实现简单动态搜索功能

    这篇文章主要为大家详细介绍了Android实现简单动态搜索功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • Android实现淘宝倒计时功能

    Android实现淘宝倒计时功能

    这篇文章主要为大家详细介绍了Android实现淘宝倒计时,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • Android简单实现画图功能

    Android简单实现画图功能

    这篇文章主要为大家详细介绍了Android简单实现画图功能的方法,以及实现过程中遇到的问题,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • Flutter高级玩法Flow位置自定义

    Flutter高级玩法Flow位置自定义

    这篇文章主要为大家介绍了Flutter高级玩法Flow位置自定义实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • Android中OptionMenu用法实例

    Android中OptionMenu用法实例

    这篇文章主要介绍了Android中OptionMenu用法,实例分析了Android中OptionMenu创建操作的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • Android自定义popupwindow实例代码

    Android自定义popupwindow实例代码

    这篇文章主要为大家详细介绍了Android自定义popupwindow实例代码,popupwindow弹出菜单效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Android实现音频条形图效果(仿音频动画无监听音频输入)

    Android实现音频条形图效果(仿音频动画无监听音频输入)

    这篇文章主要介绍了Android实现音频条形图效果(仿音频动画无监听音频输入)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • Android设置Activity背景为透明style的简单方法(必看)

    Android设置Activity背景为透明style的简单方法(必看)

    下面小编就为大家带来一篇Android设置Activity背景为透明style的简单方法(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10

最新评论