当前位置：首页 > 编程日记 > 正文

android5.0后新特性修改标题头,Android5.0中Material Design的新特性

编程日记 2024-08-25 15:20:00

Material Design简介

Material Design是谷歌新的设计语言，谷歌希望寄由此来统一各种平台上的用户体验，Material Design的特点是干净的排版和简单的布局，以此来突出内容。

Material Design对排版、材质、配色、光效、间距、文字大小、交互方式、动画轨迹都做出了建议，以帮助设计者设计出符合Material Design风格的应用。

Material Design设计语言鼓励大家使用充满活力的鲜艳色彩，并在同一界面建议使用三种色调，并保障有一个强色调，强色一般处于处于视图最底层，例如状态栏或者actionbar。通过强色调形成鲜明的对比，更容易突出内容的重要性。对于文字色彩的取值，Material Design建议在浅色背景上采用黑色，在深色背景上采用白色。重要信息和标题采用87%透明度，次要文字采用54%透明度，而更次要的说明文字可以采用26%的透明度。对于想特别突出或者可点击的文字，建议使用强色调。不同层级的视图，可以通过阴影来凸显。对于带有操作且内容突出的区域，可以使用cardview进行隔离，对于内容不太重要或者操作比较单一的区域，可以使用分割线进行隔离。

最近项目中需要用到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. 静态属性：

1 app:tabIndicatorColor="@color/colorAccent"

2 app:tabIndicatorHeight="5dp"

3 app:tabSelectedTextColor="@color/colorAccent"

4 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.静态属性：

1 app:layout_scrollFlags=”scroll|enterAlways” //Toolbar控件中，设置滑动响应事件；

2 app:title=”” //为Toolbar设置标题名；

3 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的新特性，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

https://www.dkcj.cn/info/15825.html

android5.0后新特性修改标题头,Android5.0中Material Design的新特性

相关文章：

MFCard：易用的信用卡支付集成类库

Castle ActiveRecord学习（四）延迟加载、分页查询、where条件

系统吞吐量（TPS）、用户并发量、性能测试概念和公式(转载)

android layout后还原位置,Android图片框架photoview如何记住所有状态并还原，包括缩放度，缩放后的移动的距离等等...

Shiro安全登录框架

iOS自动签名打包(xcodebuild)----常用

设计模式解析（五）——几种设计模式之Facade和Adapter

android level list,Android Drawable (levle List selector layer List)

人脸检测流程及正负样本下载

源码推荐：仿写映客直播 ,快速切换主题 ,星星评分控件,表格样式，可以横向移动的表格, 仿微信键盘-

希尔排序——算法系列

android 请求方式有哪些,Android中的几种网络请求方式详解

Sqlserver的触发器的简单使用

网络协议OSI、TCP/IP协议、Socket套接字和第三方AsyncSock的使用等解析

Win8之快速关机

多键开关 android8.0,手机桌面多键开关(SwitchPro Widget )

程序员取悦女票的正确姿势---Tip1（iOS美容篇）

MySQL的安装配置(win7 64-bit)

Sourse Insight使用教程及常见的问题解决办法

android surface 平板,Surface平板能升级安卓4.0吗

iOS - 实现映客首页 TabBar 和滑动隐藏 NavBar 和 TabBar

WinCE项目应用之车载导航

记录下，我们平时开发当中不得不知道的HTTP状态码

rmd文件怎么转换html文件,提取.Rmd文件的html依赖项(包含htmlwidgets)

教你实现GPUImage【OpenGL渲染原理】

构建之法阅读笔记02

Windows Server 2008 R2 配置笔记，密码设置为任意长度，远程桌面终端连接数的设置...

html5图片灰度显示,HTML5 组件Canvas实现图像灰度化

SqlParameter参数方式操作数据库(存储过程)

视频编解码之理论概述和即时通信