关闭

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

807人阅读 评论(0) 收藏 举报
分类:

这节我们蒋一起学习两个小控件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提示信息。
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:118007次
    • 积分:2756
    • 等级:
    • 排名:第13015名
    • 原创:153篇
    • 转载:65篇
    • 译文:0篇
    • 评论:13条
    博客专栏
    最新评论