zoukankan      html  css  js  c++  java
  • android FloatingActionButton

    FloatingActionButton是继承至ImageView,所以FloatingActionButton拥有ImageView的所有属性。CoordinatorLayout可以用来配合FloatingActionButton浮动按钮,设置app:layout_anchor和app:layout_anchorGravity构建出特定的位置与效果的FloatingActionButton。

    我们来看看怎么使用FloatingActionButton吧:

    [html] view plain copy
     
    1. <android.support.design.widget.FloatingActionButton  
    2.         android:id="@+id/fab"  
    3.         android:layout_width="wrap_content"  
    4.         android:layout_height="wrap_content"  
    5.         android:layout_margin="16dp"  
    6.         android:src="@mipmap/icon"  
    7.         app:backgroundTint="#30469b"  
    8.         app:borderWidth="0dp"  
    9.         app:elevation="6dp"  
    10.         app:fabSize="normal"  
    11.         app:layout_anchor="@id/coordinator_layout"  
    12.         app:layout_anchorGravity="bottom|right"  
    13.         app:pressedTranslationZ="12dp"  
    14.         app:rippleColor="#a6a6a6" />  

    各个属性的意思:

    • app:backgroundTint - 设置FAB的背景颜色。
    • app:rippleColor - 设置FAB点击时的背景颜色。
    • app:borderWidth - 该属性尤为重要,如果不设置0dp,那么在4.1的sdk上FAB会显示为正方形,而且在5.0以后的sdk没有阴影效果。所以设置为borderWidth="0dp"。
    • app:elevation - 默认状态下FAB的阴影大小。
    • app:pressedTranslationZ - 点击时候FAB的阴影大小。
    • app:fabSize - 设置FAB的大小,该属性有两个值,分别为normal和mini,对应的FAB大小分别为56dp和40dp。
    • src - 设置FAB的图标,Google建议符合Design设计的该图标大小为24dp。
    • app:layout_anchor - 设置FAB的锚点,即以哪个控件为参照点设置位置。
    • app:layout_anchorGravity - 设置FAB相对锚点的位置,值有 bottom、center、right、left、top等。

    这样设置后,就可以在屏幕右下角创建出一个FloatingActionButton了。如:

  • 相关阅读:
    修复PLSQL Developer 与 Office 2010的集成导出Excel 功能
    Using svn in CLI with Batch
    mysql 备份数据库 mysqldump
    Red Hat 5.8 CentOS 6.5 共用 输入法
    HP 4411s Install Red Hat Enterprise Linux 5.8) Wireless Driver
    变更RHEL(Red Hat Enterprise Linux 5.8)更新源使之自动更新
    RedHat 5.6 问题简记
    Weblogic 9.2和10.3 改密码 一站完成
    ExtJS Tab里放Grid高度自适应问题,官方Perfect方案。
    文件和目录之utime函数
  • 原文地址:https://www.cnblogs.com/wcLT/p/8622644.html
Copyright © 2011-2022 走看看