FloatingActionButton

Design Support Library库吸收了8 个新的 material design 组件!最低支持 Android 2.1,其实很多组件都是Github上比较火的,只是谷歌把它官方化了,便于开发者使用。今天我们来学习
FloatingActionButton,TextInputLayout,Snackbar,TabLayout 四种控件。
使用需要导入support.design

FloatingActionButton


  • 属性:
    由于FloatingActionButton是重写ImageView的,所有FloatingActionButton拥有ImageView的一切属性,特殊属性如下:
    • app:fabSize :FloatingActionButton的大小,有两种赋值分别是 “mini” 和 “normal”,默认是“normal”.
    • app:backgroundTint:FloatingActionButton的背景颜色,默认的背景颜色是Theme主题中的colorAccent
    • app:elevation :FloatingActionButton阴影的深度,默认是有阴影的,如果觉得默认阴影深度有点大,可以改变这个属性来修改阴影深度
    • app:layout_anchor=”@id/appbar” 可以将FloatingActionButton 放在某个view 上,最常见的时appbar
    • app:layout_anchorGravity=”bottom|right|end”

不能通过 android:background 属性来改变 FloatingActionButton的背景颜色,只能通过app:backgroundTint属性改变,因为FloatingActionButton是继承自ImageView的。
  • 使用
  •      <android.support.design.widget.FloatingActionButton
            android:id="@+id/btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_discuss"
            app:fabSize="mini" />
    
            <android.support.design.widget.FloatingActionButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_discuss"
                    />
    
            <android.support.design.widget.FloatingActionButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_discuss"
            app:backgroundTint="#000af4"
            app:fabSize="normal"
            app:elevation="1dp"
                    />

    你可能感兴趣的:(android,设计)