《第一行Android代码》课件：第十二章 Material Design.pptx

第十二章 最佳的 UI 体验;1 什么是Material Design 2 ToolBar 3 滑动菜单 4 悬浮按钮和可交互提示 5 卡片式布局 6 下拉刷新 7 可叠式标题栏 ;Material Design 是由Google的设计工程师们基于传统优秀的设计原则，给丰富的创意和科学技术所发明的一套全新的界面设计语言，包含了视觉，运动，互动效果等特性。 Google I/O 大会上推出了 Design Support 库，这个库将 Material Design 中最具有代表性的一些控件和效果进行了封装，使得我们开发者能够轻松的将自己的应用程序 Material 化。;ActionBar的设计被限定只能位于活动的顶部，从而不能实现 Material Design 的效果。因此官方更加推荐使用ToolBar;使用android：theme属性指定了一个AppTheme的主题。打开res/values/styles.xml文件，如下 这里定义了一个叫AppTheme的主题，然后指定了它的parent主题是Theme.AppCompat.Light.DarkActionBar。这个DarkActionBar是一个深色的主题，项目中自带的ActionBar就是因为指定了这个主题才出现的。;Theme.AppCompat.NoActionBar（深色主题） Theme.AppCompat.Light.NoActionBar（浅色主题）;现在我们已经将ActionBar隐藏起来了，使用ToolBar来代替ActionBar。修改activity_main.xml中的代码如下 使用了 xmlns:app 指定了一个新的命名空间。是由于 Material Design 是在 Android5.0 系统中才出现的，为了兼容之前老的系统，我们就必须使用app:attribute。;;;为了丰富我们Toolbar，可以再添加 action 按钮。准备一些图片来作为按钮的图标。将它们放在 drawable-xxhdpi 目录下。创建一个 meum 文件夹。再创建一个toolbar.xml 文件，并编写代码如下：;;;DrawerLayout的用法：它是一个布局，在布局中放入两个直接子控件， 第一个子控件是显示在主屏幕中的显示内容， 第二个控件是滑动菜单中显示的内容。;第一个子控件FrameLayout（用于作为主屏幕显示的内容）； 第二个子控件TextView（作为滑动菜单中显示的内容），这个子控件中 android:layout_gravity 这个属性必须指定，滑动菜单是在屏幕的左边还是右边，left，right。;;;;导入依赖包： compile com.android.support:design:24.2.1 compile de.hdodenhof:circleimageview:2.1.0‘ 第一个依赖库就是 Design Support 库； 第二个库是一个开源的CircleImageView，轻松实现圆形化的??能。;首先要准备： menu（在NavigationView中显示的菜单项） 和 headerLayout（在NavigationView中显示头部布局的）。;在 menu嵌套了 group（一组），将group的checkableBehavior属性设为single（所有菜单项只能单选）;nav_header.xml;用NavigationView取代TextView，出来菜单;;;;FloatingActionButton也是Design Support 库中的一个控件，来实现悬浮按钮的效果。还可以给这个按钮指定图标，表示来做什么。;app:elevation属性给FloatingActionButton按钮设置阴影（指定高度值）。;;Toast作用是告诉用户发生了什么事情，但同时用户只能被动接收这个事情，没有办法让用户原则。? Snackbar提示加入一个可交互按钮，当用户点击可以执行一些额外的操作。;;Snakebar上面有我们提示的文字，UNDO按钮可以点击。过一段时间Snakebar从底部消失（自带动画，用户提体比较好）。 这个Snakebar将我们的悬浮按钮遮挡了。这是一个bug，影响用户体验。解决办法借助CoordinatorLaoyout轻松解决。 ;CoordinatorLaoyout是一个加强版的FrameLayout。 它也是Design Support 库提供的。 它可以监听所有子控件的各种事情，自动帮助我们做出合理的响应。;只需要CoordinatorLaoyout来替换我们的FrameLayout，修改main_activity.xml中的代码如下：;消失的时候，悬浮按钮会回到原来的位