浅谈FloatingActionButton(悬浮按钮)

简介: 一、介绍 这个类是继承自ImageView的,所以对于这个控件我们可以使用ImageView的所有属性 android.support.design.widget.FloatingActionButton   二、使用准备, 在as 的 build.grade文件中写上 compile 'com.android.support:design:22.2.0'   三、使用说明 xml文件中,注意蓝色字体部分  可以看到我们使用了app属性,则需要在根容器中添加这个属性。

一、介绍

这个类是继承自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"
        />

 

效果图:

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

其他相关:

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

浅谈GridLayout(网格布局)

浅谈TabLayout(ViewPager+Tab联动)

浅谈DrawerLayout(抽屉效果)

相关文章
|
5月前
|
XML Java API
23. 【Android教程】轮播滚动视图:ViewFlipper
23. 【Android教程】轮播滚动视图:ViewFlipper
142 2
|
XML 数据格式
DrawerLayout侧滑菜单、Toolbar和沉浸式状态栏的使用
DrawerLayout侧滑菜单、Toolbar和沉浸式状态栏的使用
SwipeRefreshLayout 下拉刷新控件(一)
SwipeRefreshLayout 下拉刷新控件(一)
|
Web App开发 API 容器
CoordinatorLayout+AppBarLayout实现上滑隐藏ToolBar-Android M新控件
CoordinatorLayout+AppBarLayout实现上滑隐藏ToolBar-Android M新控件
255 0
Material Design 实战 之第三弹—— 悬浮按钮和可交互提示(FloatingActionButton & Snackbar & CoordinatorLayout)
Material Design 实战 之第三弹—— 悬浮按钮和可交互提示(FloatingActionButton & Snackbar & CoordinatorLayout)
CoordinatorLayout + AppBarLayout 实现标题栏置顶
CoordinatorLayout + AppBarLayout 实现标题栏置顶
|
Android开发
[译] 5 分钟让 Drawer 在状态栏下可见
本文讲的是[译] 5 分钟让 Drawer 在状态栏下可见,你也许听过谷歌最新的设计理念 Material Design (“质感设计”)规范,可以让你的抽屉式导航栏跨越整个屏幕,包括状态栏,并且让抽屉后的所有控件以灰暗的网格形式可见。
1149 0