Android开发悬浮按钮FloatingActionButton的实现⽅法⼀、介绍
这个类是继承⾃ImageView的,所以对于这个控件我们可以使⽤ImageView的所有属性
android.support.design.widget.FloatingActionButton
⼆、使⽤准备,在as 的 ade⽂件中写上
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="schemas.android/apk/res-auto"
属性介绍:
1、app:borderWidth=""------------------边框宽度,通常设置为0 ,⽤于解决Android 5.X设备上阴影⽆法正常显⽰的问题
2、app:backgroundTint=""---------------按钮的背景颜⾊,不设置,默认使⽤theme中colorAccent的颜⾊
3、app:rippleColor=""--------------------点击的边缘阴影颜⾊
游戏xml文件修改4、app:elevation=""----------------------边缘阴影的宽度
5、app:pressedTranslationZ="16dp"-----点击按钮时,按钮边缘阴影的宽度,通常设置⽐elevation的数值⼤
另外我们希望点击按钮⼀个颜⾊,正常状态⼀个颜⾊以提⾼⽤户体验,那么就是drawable⽂件夹中创建⽂件 l <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="schemas.android/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"
/
>
效果图: