Materail Design 入门(三)——FloatingActionButton和Snackbar

原创 2016年08月29日 18:02:00

这节我们蒋一起学习两个小控件FloatingActionButton和Snackbar
1、FloatingActionButton
一个负责显示界面基本操作的圆形按钮。Design library中的FloatingActionButton 实现了一个默认颜色为主题中colorAccent的悬浮操作按钮。除了一般大小的悬浮操作按钮,它还支持mini size(fabSize=”mini”)。FloatingActionButton继承自ImageView,你可以使用android:src或者 ImageView的任意方法,比如setImageDrawable()来设置FloatingActionButton里面的图标。

<android.support.design.widget.FloatingActionButton
    android:id="@+id/floatActionBtn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="end|bottom"
    android:layout_margin="16dp"
    android:src="@android:drawable/ic_search_category_default"/>

2、Snackbar
Snackbar为一个操作提供轻量级、快速的反馈。Snackbar显示在屏幕的底部(有MD动画效果浮现和消失),包含了文字信息与一个可选的操作按钮。在指定时间结束之后自动消失。另外,用户还可以在超时之前将它滑动删除。Snackbar被看作是比Toast更强大的快速反馈机制,你会发现他们的API非常相似。你应该注意到了make()方法中把一个View作为第一个参数(Snackbar试图找到一个合适的父亲以确保自己是被放置于底部)。无特殊注意项,和Toast类似
floatingActionButton = (FloatingActionButton) findViewById(R.id.floatActionBtn);
floatingActionButton.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Snackbar.make(view, "floatingActionBtn", Snackbar.LENGTH_SHORT).setAction
                ("cancel", new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        Toast.makeText(CoordinatorLayoutActivity.this, "cancel",
                                Toast.LENGTH_SHORT).show();
                    }
                }).show();
    }
});
效果如图:

点击搜索按钮弹出SnackBar提示,点击canCel按钮弹出Toast提示信息。

Android 悬浮按钮 FloatingActionButton 和交互提示 SnackBar

今天是我们分享的关于 Material Design 的第五篇文章了,今天给大家简单分享 FloatingActionButton 和 SnackBar 这两个 Material Design 小控件...
  • QDJdeveloper
  • QDJdeveloper
  • 2017年05月13日 10:02
  • 1729

FloatingActionButton属性、用法,以及解析并解决sdk25以上只隐藏不显示的问题

悬浮按钮(FloatingActionButton),在下文简称fab,今天我们来讲讲它的一些属性与用法,以及解析并解决sdk25以上FloatingActionButton只隐藏不显示的问题。先展示...
  • chen_xi_hao
  • chen_xi_hao
  • 2017年07月04日 17:38
  • 2462

自定义Behavior —— 仿知乎,FloatActionButton隐藏与展示

写作思路: CoordinatorLayout Behavior 简介 怎样自定义 Behavior 仿知乎效果 自定义 Behavior 的实现 自定义 Behavior 两种方法的 对比 Flo...
  • gdutxiaoxu
  • gdutxiaoxu
  • 2016年12月04日 13:38
  • 6454

继上篇—FloatActionButton

点击fragment内gridview条目跳一界面 一listview,加一FloatActionButton用来发送短信 public class ChooseMsgActivity ext...
  • maizangxiangwang
  • maizangxiangwang
  • 2016年05月15日 19:05
  • 651

FloatingActionButton滚动时的显示与隐藏小结

编辑推荐:稀土掘金,这是一个针对技术开发者的一个应用,你可以在掘金上获取最新最优质的技术干货,不仅仅是Android知识、前端、后端以至于产品和设计都有涉猎,想成为全栈工程师的朋友不要错过! F...
  • love_yan_1314
  • love_yan_1314
  • 2017年05月24日 17:18
  • 720

Android踩坑日记:FloatingActionButton的设置大小问题

FloatingActionButton(FAB) 是 Android 5.0 新特性——Material Design 中的一个控件,是一种悬浮的按钮。FloatingActionButton 是 ...
  • tuke_tuke
  • tuke_tuke
  • 2017年10月24日 19:54
  • 530

android 悬浮按钮 FloatActionButton

这个button已经在很多应用中都出现了,在android 5.0版本后这样的效果是很容易就能实现的,但对于老版本只能用代码来堆积了。 [java] view plainco...
  • jdsjlzx
  • jdsjlzx
  • 2015年07月15日 13:59
  • 20292

FloatingActionButton 完全解析[Design Support Library(2)]

哈,跟随着上篇:Android 自己实现 NavigationView [Design Support Library(1)]之后,下面介绍个Design Support Library中极其简单的控...
  • lmj623565791
  • lmj623565791
  • 2015年06月29日 09:54
  • 117534

使用FloatingActionButton无法浮现在ListView的原因

最近在项目中设计要求在主界面添加一个浮动按钮,第一时间就想到过最近比较火的FloatingActionButton,这里放上作者的github网址:点击打开链接         然后在网上开始查资料...
  • Major_out
  • Major_out
  • 2016年02月12日 23:28
  • 1754

【Android】(已更新解决方案)更新SDK版本(25)后,自定义FloatingActionButton的Behavior(跟随列表滑动显示隐藏)只隐藏不出现的问题

先贴Behavior的代码,这个Behavior的效果是上滑消失下滑,呈现效果是缩放隐藏,展开出现,这是题外话。 public class ScrollAwareFABBehavior extend...
  • libra_louis
  • libra_louis
  • 2017年02月17日 14:28
  • 1245
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Materail Design 入门(三)——FloatingActionButton和Snackbar
举报原因:
原因补充:

(最多只允许输入30个字)