Snackbar提示框

封面

1.介绍

Snackbar是一个介于Toast和AlertDialog之间轻量级控件,它可以很方便的提供消息的提示和动作反馈。
效果图如下:

Snackbar

2.使用方法

在build.gradle文件中加上这段代码:

compile 'com.android.support:design:22.2.0'
public class SnackbarActivity extends BaseActivity {

    @Bind(R.id.btnFloatingAction)
    FloatingActionButton btnFloatingAction;
    @Bind(R.id.layoutRoot)
    CoordinatorLayout layoutRoot;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_snackbar);
        ButterKnife.bind(this);
    }

    @OnClick(R.id.btnFloatingAction)
    public void onClick(View v) {
        Snackbar snackbar = Snackbar.make(v, "Snackbar", Snackbar.LENGTH_LONG)
                .setAction("确定", new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        //TODO
                    }
                });
        //设置提示文字颜色
        Snackbar.SnackbarLayout snackbarLayout = (Snackbar.SnackbarLayout) snackbar.getView();
        ((TextView) snackbarLayout.findViewById(R.id.snackbar_text)).setTextColor(Color.parseColor("#FFFFFF"));
        snackbar.show();
    }
}

布局文件,CoordinatorLayout布局会在以后的文章中写到

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/layoutRoot"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/btnFloatingAction"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|right"
            android:layout_marginBottom="1dp"
            android:layout_marginRight="1dp"
            android:src="@mipmap/ic_add"
            app:borderWidth="0dp"
            app:fabSize="normal" />

    </android.support.design.widget.CoordinatorLayout>

</RelativeLayout>

3.注意

  • make()方法的第一个参数View不能是ScrollView。因为SnackBar的实现逻辑是往这个View中去addView,而ScrollView是只能有一个Child的。
  • 显示SnackBar之前要先隐藏掉键盘,不然会遮住。
  • layout_marginBottom和layout_marginRight属性如果不设置或者设置成0dp的话,滑动使SnackBar消失,FloatingActionButton不会下移。

GitHub地址:https://github.com/alidili/DesignSupportDemo

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容