Android之FloatingActionButton使用

FloatingActionButton悬浮按钮。

继承自ImageView，配合CoordinatorLayout一起使用。

1.引用

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

2.布局

  

   

    

     

    
    

     

      <?xml version="1.0" encoding="utf-8"?>
     
    
   

    

     

    
    

     

      <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
     
    
   

    

     

    
    

     
    xmlns:app="http://schemas.android.com/apk/res-auto"
     
    
   

    

     

    
    

     
    android:id="@+id/ll_goods_list_main"
     
    
   

    

     

    
    

     
    android:layout_width="match_parent"
     
    
   

    

     

    
    

     
    android:layout_height="match_parent">
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
    <FrameLayout
     
    
   

    

     

    
    

     
        android:layout_width="match_parent"
     
    
   

    

     

    
    

     
        android:layout_height="match_parent">
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
    </FrameLayout>
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
    <android.support.design.widget.FloatingActionButton
     
    
   

    

     

    
    

     
        android:id="@+id/fab_go_to_cart"
     
    
   

    

     

    
    

     
        android:layout_width="50dp"
     
    
   

    

     

    
    

     
        android:layout_height="50dp"
     
    
   

    

     

    
    

     
        android:layout_gravity="bottom|right"
     
    
   

    

     

    
    

     
        android:layout_margin="@dimen/fab_margin"
     
    
   

    

     

    
    

     
        android:src="@drawable/cart_white"
     
    
   

    

     

    
    

     
        android:visibility="visible"
     
    
   

    

     

    
    

     
        app:backgroundTint="@color/blue"
     
    
   

    

     

    
    

     
        app:elevation="0dp"
     
    
   

    

     

    
    

     
        app:pressedTranslationZ="0dp"
     
    
   

    

     

    
    

     
        app:borderWidth="0dp"
     
    
   

    

     

    
    

     
        app:rippleColor="@color/gray" />
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      </android.support.design.widget.CoordinatorLayout>
     
    
  
 

3.属性

app:backgroundTint="@color/blue" //背景颜色
app:elevation="0dp" //默认状态下的阴影大小
app:pressedTranslationZ="0dp" //点击状态下的阴影大小
app:borderWidth="0dp" //边宽，上下兼容，设置0dp
app:rippleColor="@color/gray" //点击时的背景颜色
app:layout_anchor //设置锚点，即以哪个控件为参照点设置位置。
app:layout_anchorGravity //设置相对锚点的位置，值有 bottom、center、right、left、top等。
app:fabSize //按钮大小，normal和mini

Github：https://github.com/yechaoa/MaterialDesign

文章来源: blog.csdn.net，作者：yechaoa，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/yechaoa/article/details/60762399