FloatActionButton之一----------------基本使用
2017-09-01 14:03
381 查看
这个控件主要是用来悬浮在手机界面上来吸引用户的,里面主要放一些比较重要的功能。最好是在Activity中显示。我这一篇主要是讲他的基本使用和一些要注意的地方。
xml如下:
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end|bottom"
android:layout_margin="10dp"
app:elevation="6dp"
app:fabSize="mini"
app:pressedTranslationZ="12dp"
app:rippleColor="#30ab33" />
<!--elevation 阴影 默认 6dp-->
<!--pressedTranslationZ 是按下去的阴影 默认12dp-->
<!--backgroundTint 背景颜色-->
<!--rippleColor 按下的时候产生的波纹颜色-->
<!--fabSize fab的尺寸,有两个可选尺寸-->
有一个比较注意的地方是这个backgroundTint默认是使用你的accentColor颜色,如果你想设置颜色的话就要在color文件里面添加一个color:
<color name="fatNormalBg">#2bc96a</color>我们很习惯的这样来写:
android:backgroundTint="@color/fatNormalBg"然后莫名其妙的崩掉了。。。。我这里显示是崩掉了,但是我记得我之前这样写是不蹦的,。。。。解决办法是直接在代码里面进行设置这个颜色,,,就好了:
mFab.setBackgroundTintList(ColorStateList.valueOf(getResources().getColor(R.color.fatNormalBg)));
此外你也可以设置背景图片。
xml如下:
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end|bottom"
android:layout_margin="10dp"
app:elevation="6dp"
app:fabSize="mini"
app:pressedTranslationZ="12dp"
app:rippleColor="#30ab33" />
<!--elevation 阴影 默认 6dp-->
<!--pressedTranslationZ 是按下去的阴影 默认12dp-->
<!--backgroundTint 背景颜色-->
<!--rippleColor 按下的时候产生的波纹颜色-->
<!--fabSize fab的尺寸,有两个可选尺寸-->
有一个比较注意的地方是这个backgroundTint默认是使用你的accentColor颜色,如果你想设置颜色的话就要在color文件里面添加一个color:
<color name="fatNormalBg">#2bc96a</color>我们很习惯的这样来写:
android:backgroundTint="@color/fatNormalBg"然后莫名其妙的崩掉了。。。。我这里显示是崩掉了,但是我记得我之前这样写是不蹦的,。。。。解决办法是直接在代码里面进行设置这个颜色,,,就好了:
mFab.setBackgroundTintList(ColorStateList.valueOf(getResources().getColor(R.color.fatNormalBg)));
此外你也可以设置背景图片。
相关文章推荐
- MaterialDialog和FloatingActionButton的基本使用方法
- FloatActionButton的使用
- android 使用FloatActionButton(FAB)悬浮按钮问题
- UIControl 的基本使用方法和 Target-Action 机制
- Android Design Support Library(1)- FloatingActionButton的使用
- Material Design中 FAB (Floating Action Button) 的使用
- Android Button的基本使用
- FloatingActionButton的使用
- Android Design AppBarLayout、NavigationView、FloatingActionButton、CollapsingToolbarLayout等控件的使用
- Android基础控件之Button的基本使用
- 闲时整理(2)------FloatActionButton
- Android Material风格的应用(四)--FloatActionButton
- 使用FloatingActionButton
- Android基础控件之Button的基本使用
- Android Design Support Library--FloatingActionButton及其Behavior的使用
- FloatingActionButton的使用
- Android5.0之TextInputLayout、FloatingActionButton的使用
- 如何使用Design Support Library提供的FloatingActionButton
- 使用FloatingActionButton滑动消失后不再显示问题
- Android Material风格的应用(四)--FloatActionButton