写给初学者33_android_安卓UI体验的升级-2

安卓33_安追UI体验的升级-2

• FloatingActionButton
• Snackbar
• Coordinatorlayout

FloatingActionButton

使用即为简单，直接在布局中使用就好了，需要注意的是条件依赖

 <android.support.design.widget.FloatingActionButton            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:src="@drawable/ic_menu_send"            android:layout_margin="16dp"            android:layout_gravity="bottom|right"            android:elevation="10dp"            />

就像使用普通控件一样，直接选择在布局文件中进行一个添加，src代表着图片，需要注意的是默认的颜色是以colorAccent的。elevation是悬浮的高度。

它的监听事件就更简单了，和普通的View的onClickListener一毛一样。

Snackbar 更好的消息提示

和Toast是好兄弟，用于提示消息

简单的实例

floatingActionButton = (FloatingActionButton)findViewById(R.id.mainFloating);    floatingActionButton.setOnClickListener(new View.OnClickListener() {        @Override        public void onClick(View view) {            Snackbar.make(view,"Send Message",Snackbar.LENGTH_SHORT).setAction("知道了", new View.OnClickListener() {                @Override                public void onClick(View v) {                    //TODO                }            }).show();        }    });

以刚刚的FloatingActionBar作为测试目标，可以看到在监听事件中Snackbar开始运用，运用的方式也和Toast非常相似。

能够很直观的看出Snackbar比Toast具有更好的用户体验，并且那个按钮也是可以点击的，也是可以监听的。稍微有点不足的地方是FloatingActionBar似乎和Snackbar有点位置冲突，当然你可以把Floating的margin做一个修改，但是最好的办法是让FloatingActionBar也跟着一起跑

CoordinatorLayout 具有协调功能的布局

名字就能看的出来它的作用，协调，主要是协调当各个子控件的一些事件引起的不好体验。比如上面的遮盖

只需要将需要做协调的部分放到其中就好了

<android.support.design.widget.CoordinatorLayout        android:layout_width="match_parent"        android:layout_height="match_parent">        <TextView            android:layout_width="match_parent"            android:layout_height="match_parent"            android:gravity="center"            android:text="主体部分" />        <android.support.design.widget.FloatingActionButton            android:id="@+id/mainFloating"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:src="@drawable/ic_menu_send"            android:layout_margin="16dp"            android:layout_gravity="bottom|right"            android:elevation="10dp"            />    </android.support.design.widget.CoordinatorLayout>

这样体验就上升了很多个档次了