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提示信息。
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

TextInputLayout的使用

一般登录注册界面都需要EditText这个控件来让用户输入信息,同时我们一般会设置一个标签(使用TextView)和EditText的hint属性来提示用户输入的内容,而设计库中高级组件TextInp...

给 Android 开发者的 RxJava 详解

该文章转自扔物线的文章,写的非常不错,清晰易懂。http://gank.io/post/560e15be2dca930e00da1083 前言 我从去年开始使用 RxJava ,到...

Design库-TextInputLayout属性详解

1.什么是TextInputLayout 2.为什么要用TextInputLayout 3.TextInputLayout的基本使用 4.TextInputLayout的基本属性

TextInputLayout与TextInputEditText详解

导读:Android 从5.0版本开始,新增了Android Materia Design库,让开发者高效的实现炫酷的UI效果本篇文章将介绍Materia Design库的TextInputLayou...

Material Design 入门(一)——TextInputLayout和TextInputEditText

最近学习了Material Design中提供的一些控件,下面就他们的使用方法陈述给大家,希望能够帮助大家快速上手。 本例子使用在控件都在com.android.support:design包中,如果...

TextInputLayout、Snackbar使用

这篇博客带来Android M 里面的TextInputLayout和Snackbar的使用,及简单介绍。首先我们必须更新sdk,引入Android M: compile 'com.android.s...

Material Design 入门(二)——CardView

上一章我们分享了TextInputLayout和TextInputEditText的使用方法,比较简单,下面我们再来分享一个小控件CardView的用法。 java.lang.Object ...

《学习记录》TextInputLayout一般用法

《学习记录》TextInputLayout一般用法design库已经出现相当长一段时间了,平时除了用一用TabLayout,其他基本没用到!这怎么能忍,看到谷歌给的LoginActivity的temp...

Android Design TextInputLayout 解析,带你深入TextInputLayout

出来工作好几年了,最近冷静下来总结发现自己技术真心不咋的,所以决定开始写博客来锻炼自己。 想了想写什么好呢,又不是大牛,所以写不出非常高深的好文章出来,所以从最基础的写起走。2015 I/O大会谷歌推...

Android中EditText输入框焦点从文字前面变成文字后面

Android中一个EditText,通过代码已经设置了默认的值为字符串0了: ? 1 2 etxtSingleAddress = (E...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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