MaterialDesign

2018-11-15  本文已影响0人  爱做梦的严重精神病患者

1.Toolbar

 在记录Toolbar之前需要介绍一下ActionBar,每个活动最顶部的那个标题栏就是ActionBar,由于ActionBar的设计原因,被限定只能位于活动的顶部,从而不能实现一些MaterialDesign的效果。

 由于项目中的AndroidManifest文件中都默认指定了AppTheme的主题,这个主题中自带ActionBar。现在准备使用Toolbar来替代ActionBar,需要指定一个不带ActionBar的主题(Theme.AppCompat.NoActionBar)。

 接下来引入Toolbar控件,来替代ActionBar

<android.support.v7.widget.Toolbar
    高度设置为ActionBar的高度
    android:layout_height="?attr/actionBarSize"
    弹出Toolbar栏上弹出的菜单的主题
    app:popupTheme="@style/ThemeOverlay.App.compat.Light"
/>

2.DrawerLayout----滑动菜单布局

 所谓滑动菜单就是将一些菜单选项隐藏起来,而不是放在主屏幕上,然后通过滑动的方式将菜单显示出来
 DrawerLayout是一个布局,在布局允许放入两个直接子控件第一个子控件是主屏幕中显示的内容第二个滑动菜单中显示的内容第二个子控件android:layout_gravity属性指定滑动方向,一般指定为start。


3.NavigationView----导航页面

menu是用来在NavigationView中显示具体的菜单项的,headerLayout则是用来在NavigationView中显示头部布局的。

<android.support.design.widget.NavigationView
        app:menu="menu/nav_menu"
        app:headerLayout="@layout/nav_header "/>

4.FloatingActionButton----悬浮按钮


5.Snackbar

 Snackbar是更加先进的提示工具,它允许在提示当中加入一个可交互按钮,当用户点击按钮的时候可以执行一些额外的逻辑操作(撤销一些操作)。

Snackbar.make(view, "数据已删除", Snackbar.LENGTH_SHORT)
                //设置撤销动作
               .setAction("撤销", new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        Toast.makeText(MainActivity.this, "Data restored", 
                                Toast.LENGTH_SHORT).show();
                          }
                      })
                  //设置回调
               .setCallback(new Snackbar.Callback() {
            @Override
            public void onDismissed(Snackbar snackbar, int event) {

                switch (event) {
                    case Snackbar.Callback.DISMISS_EVENT_CONSECUTIVE:
                    case Snackbar.Callback.DISMISS_EVENT_MANUAL:
                    case Snackbar.Callback.DISMISS_EVENT_SWIPE:
                    case Snackbar.Callback.DISMISS_EVENT_TIMEOUT:
                        doDelete();//执行删除操作
                        Toast.makeText(MainActivity.this, "删除成功", Toast.LENGTH_SHORT).show();
                        break;
                    case Snackbar.Callback.DISMISS_EVENT_ACTION:
                        //与Action中的onClick重复                        
                        Toast.makeText(MainActivity.this, "撤销了删除操作", Toast.LENGTH_SHORT).show();
                        break;

                }
            }

            @Override
            public void onShown(Snackbar snackbar) {
                super.onShown(snackbar);
                Log.i(TAG, "onShown");
            }
        }) .show();

 调用Snackbar的make()方法创建一个Snackbar对象,make方法的第一个参数需要传入一个View,这个View来自动查找最外层的布局用于展示Snackbar第二个参数就是Snackbar中显示的内容第三个参数就是显示的时长


6.CoordinatorLayout

 CoordinatorLayout可以说是一个加强版的FrameLayout,可以监听其所有子控件的各种事件,然后自动做出最为合理的响应。CoordinatorLayout监听到Snackbar的弹出事件(Snackbar.make传入CoordinatorLayout的子控件),那么它会自动将内部的FloatingActionButton向上偏移,从而保证不会被Snackbar挡住。


7.AppBarLayout----结合CoordinatorLayout和CollaspingToolbarLyaout使用

8.SwipeRefreshLayout----下拉刷新

9.CollapsingToolbarLayout----可折叠式标题栏

10.NestScrollView----嵌套滑动

11.android:fitsSystemWindows----充分利用系统状态栏空间,表示该控件会出现在系统状态栏中。

上一篇 下一篇

猜你喜欢

热点阅读