FloatinActionButton以及SnackBar的使用

在google发布了design包后,5.0以前的系统也可以使用FloatingActionButton了.

在gradle中加入" compile  'com.android.support:design:22+' ",把design引入到project中.

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile 'com.android.support:design:22+'
}

在要添加FAB的layout中加入如下代码

<android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_marginBottom="@dimen/fab_margin_bottom"
        android:layout_marginRight="@dimen/fab_margin_right"
        android:src="@drawable/ic_action_add"
        app:fabSize="normal"
        app:borderWidth="0dp"
        app:rippleColor="@android:color/background_dark" />

fabSize有normal, mini两种.设置borderWidth是为了在消除不同系统版本导致的行为不一致性.rippleColor为点击FAB时的颜色.具体更多的属性设置自行测试.

 

Snackbar同样包含在design中.其作用与Toast相似,同样在屏幕底部显示,不同的是Snackbar可以通过setAction来实现点击事件.

Snackbar.make(rootView, "Hello, SnackBar", Snackbar.LENGTH_SHORT)
                        .setAction("Ok", new View.OnClickListener() {

                            @Override
                            public void onClick(View view) {
                    //TODO
                            }
                        })
                        .show();

  

 

posted on 2015-07-09 19:02  Y_xh  阅读(404)  评论(0编辑  收藏  举报

导航