星空网 > 软件开发 > 操作系统

浅谈FloatingActionButton(悬浮按钮)

一、介绍

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

android.support.design.widget.FloatingActionButton

 

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

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

 

三、使用说明

<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='/images/loading.gif' data-original="@mipmap/ok"    app:borderWidth="0dp"    app:backgroundTint="#FF4011"    app:rippleColor="#33728dff"    app:elevation="8dp"    app:pressedTranslationZ="16dp"    />

 可以看到我们使用了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.

<?"1.0" encoding="utf-8"?><selector "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='/images/loading.gif' data-original="@mipmap/ok"    app:borderWidth="0dp"    app:rippleColor="#33728dff"    app:elevation="8dp"    app:pressedTranslationZ="16dp"    />

 

效果图:

浅谈FloatingActionButton(悬浮按钮)

-------------------------------------------------------------------------------------------------------------

其他相关:

浅谈RecyclerView(完美替代ListView,GridView)

浅谈GridLayout(网格布局)

浅谈TabLayout(ViewPager+Tab联动)

浅谈DrawerLayout(抽屉效果)




原标题:浅谈FloatingActionButton(悬浮按钮)

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

VOVA周报|市场周报1221:https://www.ikjzd.com/articles/137890
跨境物流经历最难旺季:海陆空线路“全灭”:https://www.ikjzd.com/articles/137891
想要高效解决问题?你需要这样开case!:https://www.ikjzd.com/articles/137893
Shopee新佣金政策10天后生效,不过这些卖家不受影响!:https://www.ikjzd.com/articles/137894
一夜之间,英国封城,全面停飞!欧洲多国升级管控措施!:https://www.ikjzd.com/articles/137895
facebook海外营销推广技巧:https://www.ikjzd.com/articles/137896
七月份适合去日本旅游吗 7月份去日本哪里好玩:https://www.vstour.cn/a/363192.html
凤岗汽车站到松山湖风景区 松岗汽车站到凤凰山怎么坐车:https://www.vstour.cn/a/363193.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流