最近项目中需要用到Material Design,整理了下面几个常用的控件,以便记忆。

一、Snackbar

1.作用:与Toast类似,但是可以点击监听;

2.使用:

(1)Snackbar调用静态类make(),传入三个参数:View父组件,文本,显示时间;

(2)Snackbar调用setAction(),传入两个参数:文本,点击监听事件实现OnClickListener接口;

(3)显示show()与隐藏dismiss();

二、TextInputLayout

1.作用:包裹在EditText外边,可以将文本在EditText上方提示,同时可以设置错误提示;

2.使用:

(1)TextInputLayout对象调用setErrorEnable(),传入boolean类型参数表示是否显示错误信息;

(2)TextInputLayout对象调用SetError(),设置错误信息;

三、FloationgActionButton

1.作用:悬浮在页面上方的按钮;

2.特有属性:

app:elevation="5dp"  //阴影效果
app:pressedTranslationZ="10dp" //按压时显示效果
app:rippleColor="@color" //颜色

四、DrawerLayout

1.作用:作为布局的子布局,实现左右两侧的侧滑效果,用于添加菜单;

2.使用:(1)以DraweLayout作为根布局,内部可以包含三个及三个以下布局;

(2)为作为菜单的布局设置android:layout_gravity属性,在左侧显示值为”left”,在右侧显示值为”right”;

(3)动态打开或关闭DrawerLayout中的布局:

      DraweLayout对象调用openDrawer(),传入Gravity.Left或者Gravity.Right两种参数值打开关闭布局;

      DrawerLayout对象调用closeDrawer(),传入两种参数值关闭布局;

五、NavigationView

1.作用 :作为导航栏或者菜单栏的Menu视图添加;

2.使用:(1)静态属性:app:headerLayout添加头布局文件;

  (2)静态属性:app:menu添加菜单文件;

  (3)设置头视图监听:

  (3-1)得到头视图:NavigationView对象调用getHeaderView(),传入索引号0;

     注意:如果没有getHeaderView(),可以使用findViewById()得到头视图;

  (3-2)找控件:头视图调用findViewById()得到头视图中的控件;

  (3-3)设置监听事件:得到的控件调用setOnClickListener();

  (4)设置menu按钮监听:

      NavigationView对象调用setNavigationItemSelectedListener(),

      传入NavigationView. OnNavigationViewIntemSelectedListener接口,

      重写onNavigationItemSelected()接口;

六、TabLayout

1.作用:与ViewPager结合,达到联动导航效果;

2. 静态属性:

 app:tabIndicatorColor="@color/colorAccent"
app:tabIndicatorHeight="5dp"
app:tabSelectedTextColor="@color/colorAccent"
app:tabTextColor="#ffffff"

3.动态使用:

(1)声明并实例化TabLayout,ViewPager;

(2)为ViewPager控件设置适配器;

(3)设置Tablayout与ViewPager的联动:

    (3-1)TabLayout对象调用setupWithViewPager()传入要联动的ViewPager对象;

    (3-2)在自定义ViewPager的适配器中,重写getPageTitle(),返回当前标题;

    (3-3)TabLayout对象调用setTabMode(),传入TabLayout.MODE_SCROLLABLE常量,设置TabLayout的滚动;

七、NestedScrollView

1.作用:替代ScrollView;

2.使用:与ScrollView相同,内部只能有一个子控件;

八、Toolbar

1.作用:

  注意:使用Toolbar时必须将该Activity的主题设置为NoActionBar属性值;

2.使用:Toolbar控件必须放在AppBarLayout控件中,而AppBarLayout最好放在CoordinatorLayout控件(协同布局)中;

3.静态属性:

 app:layout_scrollFlags=”scroll|enterAlways”  //Toolbar控件中,设置滑动响应事件;
app:title=”” //为Toolbar设置标题名;
app:layout_behavior="@string/appbar_scrolling_view_behavior" //NestedScrollView控件中,设置控件行为

4.动态方法:

(4-1)声明并实例化Toolbar控件实例;

(4-2)将ActionBar设置为Toolbar:在当前Activity中调用setSupportActionBar(),传入新创建的Toolbar对象;

(4-3)当前Activity主题修改为NoActionBar模式:在清单文件中设置当前Activity标签下的属性android:theme="@style/Theme.AppCompat.NoActionBar";

注意:只有当前Activity主题为NoActionBar时,才会显示Toolbar;

九、CollapsingToolbar

1.作用:实现Toolbar的折叠效果;

2.使用:

  CollapsingToolbar必须放在AppBarLayout中,

  而AppBarLayout最好放在协同布局CoordinatorLayout控件中;

  而Toolbar作为CollapsingToolbar的不折叠控件使用;

注意:CollapsingToolbar控件之下必须有且只有两个控件;

3.静态属性:

 app:title=”标题”  //设置标题内容
app:layout_scrollFlags="scroll|exitUntilCollapsed" //设置滚动标记
app:expandedTitleGravity="right|bottom" //设置标题位置
app:expandedTitleMarginBottom="@dimen/activity_vertical_margin" //设置标题到底部的距离
app:expandedTitleMarginEnd="@dimen/activity_horizontal_margin" //设置标题距底部的距离
app:contentScrim="#00ff00" //设置折叠时上方控件的颜色
//注意:下边两条属性必须设置;
app:layout_collapseMode="parallax" //在其需要被折叠的子控件中;
app:layout_collapseMode="pin": //在需要留下来的子控件中;

4.动态设置:

//(1)设置展开状态下标题颜色
collapsingToolbarLayout.setExpandedTitleColor(Color.WHITE);
//(2)设置折叠后标题颜色
collapsingToolbarLayout.setCollapsedTitleTextColor(Color.BLUE);

Android5.0中Material Design的新特性的更多相关文章

  1. 【译】.NET 5. 0 中 Windows Form 的新特性

    自从 Windows Form 在 2018 年底开源并移植到 .NET Core 以来,团队和我们的外部贡献者都在忙于修复旧的漏洞和添加新功能.在这篇文章中,我们将讨论 .NET 5.0 中 Win ...

  2. Android 基于ijkplayer+Rxjava+Rxandroid+Retrofit2.0+MVP+Material Design的android万能播放器aaa

    MDPlayer万能播放器 MDPlayer,基于ijkplayer+Rxjava+Rxandroid+Retrofit2.0+MVP+Material Design的android万能播放器,可以播 ...

  3. atitit.Servlet2.5 Servlet 3.0 新特性 jsp2.0 jsp2.1 jsp2.2新特性

    atitit.Servlet2.5 Servlet 3.0 新特性 jsp2.0 jsp2.1 jsp2.2新特性   1.1. Servlet和JSP规范版本对应关系:1 1.2. Servlet2 ...

  4. 简单理解ECMAScript2015中的箭头函数新特性

    箭头函数(Arrow functions),是ECMAScript2015中新加的特性,它的产生,主要有以下两个原因:一是使得函数表达式(匿名函数)有更简洁的语法,二是它拥有词法作用域的this值,也 ...

  5. ArcGIS API for JavaScript 4.2学习笔记[0] AJS4.2概述、新特性、未来产品线计划与AJS笔记目录

    放着好好的成熟的AJS 3.19不学,为什么要去碰乳臭未干的AJS 4.2? 4.2全线基础学习请点击[直达] 4.3及更高版本的补充学习请关注我的博客. ArcGIS API for JavaScr ...

  6. Atitit opencv3.0  3.1 3.2 新特性attilax总结

    Atitit opencv3.0  3.1 3.2 新特性attilax总结 1. 3.0OpenCV 3 的改动在哪?1 1.1. 模块构成该看哪些模块?2 2. 3.1新特性 2015-12-21 ...

  7. Python 3.8.0 正式版发布,新特性初体验 全面介绍

    Python 3.8.0 正式版发布,新特性初体验 北京时间 10 月 15 日,Python 官方发布了 3.8.0 正式版,该版本较 3.7 版本再次带来了多个非常实用的新特性. 赋值表达式 PE ...

  8. android5.0中RecycleView的用法

    最近学习了android5.0中新增的一个组件RecycleView,是用来代替当前的listview开发的,是因为在RecycleView中已经有了viewholder缓存,并且不同的item之间可 ...

  9. ABAP 7.52 中的Open SQL新特性

    S/4 HANA 1709 已经在几个月前发布,随之而来的是ABAP 7.52. 本文翻译了更新文档中有关Open SQL的部分 本文链接:http://www.cnblogs.com/hhelibe ...

随机推荐

  1. JVM学习记录-Java内存模型(一)

    前言 Java虚拟机规范中定义了一种Java的内存模型,即Java Memoory Model(简称JMM),用来实现让Java程序在各个平台下都能达到一致的内存访问效果.JVM是整个虚拟机,JMM模 ...

  2. es6学习笔记11--Proxy和Reflect

    Proxy概述 Proxy用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程. Proxy可以理解成,在目标对象之前 ...

  3. VS比较好用的扩展插件总结

    1.Indent Guides 绝对是必须的,有了这些辅助线,代码结构一目了然. 2.CodeMaid 整理与优化代码,并且可以清除空行.必备 把if语句块for语句块折叠 工具->扩展和更新, ...

  4. SpringCloud高可用和高并发

    1 高可用 什么是高可用:(High Availability)在一个长时间内服务不受影响.通俗的讲就是,一个机器挂掉的时候,有其他机器可以继续提供同样的服务. 如何实现高可用:冗余+自动故障转移.冗 ...

  5. SqlSession对象之ParameterHandler

    上一篇讲了StatementHandler,其中有ParameterHandler(参数处理器)是在StatementHandler被创建时被创建的.下面对ParameterHandler进行说明.其 ...

  6. HDU1029(KB12-B)

    Ignatius and the Princess IV Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32767 K ( ...

  7. 排序算法(10)--Distribution Sorting--分布排序[2]--Radix Sort--基数排序

    1.基本思想 基数排序是通过“分配”和“收集”过程来实现排序 2.实现原理 基数排序(以整形为例),将整形10进制按每位拆分,然后从低位到高位依次比较各个位.主要分为两个过程: (1)分配,先从个位开 ...

  8. 初识DOM(文档对象模型)

    什么是DOM 什么叫做DOM呢? • DOM的全称是Document Object Model 文档对象模型,DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系. • D ...

  9. 记录Ubuntu 16.04 安装Docker CE

    一.Docker的两个版本 Docker有两个版本: 社区版(CE) 企业版(EE) Docker Community Edition(CE)非常适合希望开始使用Docker并尝试使用基于容器的应用程 ...

  10. JS原生添加删除class的方法

    之前习惯了使用jquery的addClass的方法,然后就去找了下别人写的代码. [javascript] view plain copy function hasClass(obj,cls) { r ...