FloatingActionButton的使用

参考:http://blog.csdn.net/lmj623565791/article/details/46678867

添加依赖: compile ‘com.android.support:design:22.2.0‘

布局:

<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="right|bottom"
    android:src="@drawable/ic_discuss"
    />

  • 填充色以及rippleColor如何自定义呢?

rippleColor默认取的是主题中的colorControlHighlight

按下的颜色取的是主题中的colorAccen,所以你可以在style中定义colorAccent

注:colorAccent 对应EditText编辑时、RadioButton选中、CheckBox等选中时的颜色。

我们也可以直接用过属性定义这两个的颜色:

app:backgroundTint="#ff87ffeb"
app:rippleColor="#33728dff"
  • 立体感有没有什么属性可以动态指定?

和立体感相关有两个属性,elevation和pressedTranslationZ,前者用户设置正常显示的阴影大小;后者是点击时显示的阴影大小。

<android.support.design.widget.FloatingActionButton
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right|bottom"
        android:src="@drawable/ic_discuss"
        app:backgroundTint="#ff87ffeb"
        app:rippleColor="#33728dff"
        app:elevation="6dp"
        app:pressedTranslationZ="12dp"
        />

5.x存在的一些问题

在5.x的设备上运行,你会发现一些问题(测试系统5.0):

  • 木有阴影

添加属性 app:borderWidth="0dp"

  • 对于5.x设置一个合理的margin,整体如下:
 <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        app:borderWidth="0dp"
        android:layout_margin="@dimen/fab_margin"
        android:src="@drawable/ic_headset" />

values

<dimen name="fab_margin">0dp</dimen>

values-v21

 <dimen name="fab_margin">16dp</dimen>

2015-06-29

17:35:25

时间: 06-29

FloatingActionButton的使用的相关文章

RecyclerView+FloatingActionButton应用

一.效果图 二.实现步骤 1.XML布局-添加依赖 1 <LinearLayout 2 android:id="@+id/layout" 3 android:layout_width="match_parent" 4 android:layout_height="wrap_content" 5 android:orientation="horizontal"> 6 <Button 7 android:id=&

安卓Design包之NavigationView结合DrawerLayout,toolbar的使用,FloatingActionButton

FloatingActionButton 悬浮按钮:FloatingActionButton是重写ImageView的,所有FloatingActionButton拥有ImageView的一切属性. app:backgroundTint - 设置FAB的背景颜色. app:rippleColor - 设置FAB点击时的背景颜色. app:borderWidth - 该属性尤为重要,如果不设置0dp,那么在4.1的sdk上FAB会显示为正方形,而且在5.0以后的sdk没有阴影效果.所以设置为bor

仿知乎FloatingActionButton浮动按钮动画效果实现(一)

最近刚接触使用android studio,那酸爽简直停不下来23333,eclipse什么的以后可以放弃了~ 然后在默认生成的第一个项目发现了一个新的控件,即FloatingActionButton,联想到知乎上也有这个控件,于是模仿知乎的效果试一试. 大概分为四个步骤: Step1:修改原生FloatingActionButton的背景颜色和点击颜色. Step2:描绘FloatingActionButton的点击动画效果. Step3:设置蒙版模拟点击以后的界面雾化效果. Step4:设置

FloatingActionButton增强版,一个按钮跳出多个按钮--第三方开源--FloatingActionButton

FloatingActionButton项目在github上的主页:https://github.com/futuresimple/android-floating-action-button FloatingActionButton使用简单,而且可以自定义颜色.大小.背景图片 项目构造: 下面是demo的代码(主要见sample): 布局: 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/androi

FloatingActionButton的学习总结

最近在学习android材料设计的新控件,前面一篇文章讲到 CoordinatorLayout 结合几个新控件可以实现的几个效果.其中第一个是,Coordinatorlayout + FloatingActionButton,配合使用,当弹出 Snackbar 的时候,FloatingActionBar会跟随上移和下移.这次再针对 FloatingActionButton 具体分析一下.先贴出布局文件和java代码: <?xml version="1.0" encoding=&q

关于FloatingActionButton

由于FloatingActionButton本质上是ImageView,跟ImageView相关的就不介绍,这里重点介绍新加的几个属性. app:fabSize:FloatingActionButton的大小,有两种赋值分别是"mini"和"normal",默认是"normal". app:backgroundTint:FloatingActionButton默认正常显示时的背景颜色 app:elevation:FloatingActionBut

如果你使用WebView+FloatingActionButton

在WebView中想要使用FAB,如果你想向上滑动的时候隐藏FAB,那么需要再WebView外面套一个ScrollView! 原因之前也分析过,和为什么ListView不能让ToolBar.Tab隐藏一样,CoordinatorLayout里面没有一个「可滑动」的组件. 如果没有这个ScrollView,那你的ToolBar甚至都不能滑动隐藏. XML: <?xml version="1.0" encoding="utf-8"?> <android

悬浮按钮FloatingActionButton

FloatingActionButton也是Design Support 提供的一个控件,FloatingActionButton不属于主界面的一部分,而是位于另外一个维度. 别忘了添加闭包 compile 'com.android.support:design:25.0.0' 代码运用如下, <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width

FloatingActionButton

https://github.com/FaizMalkani/FloatingActionButton

Android5.0之TextInputLayout、FloatingActionButton的使用

TextInputLayout和FloatingActionButton都属于MD风格的控件,比起普通的EditText和Button.ImageButton,TextInputLayout和FloatingActionButton还是有很多炫酷的地方,今天我们就一起来看一下. 1.TextInputLayout TextInputLayout这个控件主要是配合EditText来使用的,以前在EditText中我们经常需要给EditText设置一个hint属性告诉用户这里输入什么,但是用户有可能