青岛Android培训
达内青岛山东中心

18300268127

热门课程

浅谈FloatingActionButton(悬浮按钮)

  • 时间:2016-09-08
  • 发布:青岛android培训
  • 来源:青岛android培训

一、介绍

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

android.support.design.widget.FloatingActionButton

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

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

三、使用说明

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

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

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

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"

/>

上一篇:ExpandableListView的引入
下一篇:AppWidget控件入门详解

Android是怎样被研发出来的?(二)

Android是怎样被研发出来的?(一)

以后Windows Defender再也不用第三方管家了

最实用的windows系统清理垃圾最快捷的方法

选择城市和中心
贵州省

广西省

海南省

达内教育

有位老师想和您聊一聊