上一篇是使用Material Design 创建App翻译系列—-開始学习篇,进入正题:


新的材料主题提供了下面内容:

1. 提供了同意设置颜色板的系统部件组件。

2. 为这些系统组件提供了触摸反馈动画。

3. Activity的过渡动画。

依据你的品牌标识,使用你所控制的颜色板能够自己定义材料主题的外观。

使用主题的属性能够给ActionBar 和 status bar进行着色。

系统部件拥有新的设计和触摸反馈动画。你能够为你的应用自己定义颜色板、触摸反馈动画以及Activity之间跳转的过渡动画。

下面是材料主题定义的方式:

1. @android:style/Theme.Material (dark version)

2. @android:style/Theme.Material.Light (light version)

3. @android:style/Theme.Material.Light.DarkActionBar

你能够使用以上几种的材料主题样式,引用的方式在R.style可见。



Dark material theme



Light material theme

注意事项:这个材料主题仅仅同意在Android 5.0及其以上系统使用。V7 的支持库(v7 support libraries)为一些组件提供了用于材料设计样式的主题,而且也能支持自己定义颜色板。详情请看:保证兼容性

自己定义颜色板

为了自己定义适合你的品牌的主题基础颜色,当继承材料主题的时候就使用主题属性来定义你的自己定义颜色了:

<resources>
<!-- inherit from the material theme -->
<style name="AppTheme" parent="android:Theme.Material">
<!-- Main theme colors -->
<!-- your app branding color for the app bar -->
<item name="android:colorPrimary">@color/primary</item>
<!-- darker variant for the status bar and contextual app bars -->
<item name="android:colorPrimaryDark">@color/primary_dark</item>
<!-- theme UI controls like checkboxes and text fields -->
<item name="android:colorAccent">@color/accent</item>
</style>
</resources>

自己定义状态栏

材料主题能够轻松的自己定义状态栏,因此你能够指定适合你品牌的一种颜色,使得白色的状态栏图标更显对照效果。在你继承了材料主题的前提下,想要自己定义状态栏的颜色,就用android:statusBarColor 属性。

默认情况,android:statusBarColor的属性值继承自 android:colorPrimaryDark。

你也能够绘制状态栏背后的内容。比如,假设你想要显示一张透明的状态栏下的照片,就要用略微淡点的暗的过渡色来确保白色的状态栏图标是能够看见的。通过设置android:statusBarColor 属性值到 @android:color/transparent 和 依据须要来调整windowFlags。你也能够用 Window.setStatusBarColor()来为动画或者隐退。

注意事项: 状态栏跟主工具栏应该是有一个明白的界定的。除了状态栏后面要显示图片或者多媒体相关的内容以外,在使用渐变色去确保状态栏的图标还是可见的。

当自己定义导航栏和状态栏的时候,仅让状态栏被改动或者调整透明度。

在其他情况下导航栏都保持黑色。

为个别视图控件加入主题

在xml布局中定义的控件须要指定 android:theme 属性来引用主题资源。

这个属性改动元素和子元素的主题。是为了在一个指定的界面的一部分改变其主题颜色的调色板。


以上翻译内容中外部链接的部分,以后会逐步翻译出来,眼下链接是官方的站点,假设须要查看的朋友,请先翻墙。

使用Material Design 创建App翻译系列----材料主题的使用(Using Material Theme)的更多相关文章

  1. 使用Material Design 创建App翻译系列---列表和卡片集的创建

    上一篇是使用Material Design 创建App翻译系列--材料主题的使用(Using Material Theme),进入正题: 想要在应用里创建Material Design风格的复杂列表和 ...

  2. Android Material Design-Creating Apps with Material Design(用 Material Design设计App)-(零)

    转载请注明出处:http://blog.csdn.net/bbld_/article/details/40400031 翻译自:http://developer.android.com/trainin ...

  3. 创建Material Design风格的Android应用--应用主题

    本人全部文章首先公布于个人博客,欢迎关注,地址:http://blog.isming.me 昨天正式公布了android 5,同一时候android developer站点也更新了,添加了创建Mate ...

  4. Android最佳实践之Material Design

    Material概述及主题 学习地址:http://developer.android.com/training/material/get-started.html 使用material design ...

  5. Material Design系列第一篇——Creating Apps with Material Design

    Creating Apps with Material Design //创建Material Design的App Material design is a comprehensive guide ...

  6. 再不迁移到Material Design Components 就out啦

    翻译自国外文档加自己理解 原文 我们最近宣布了 Material Design Components(MDC)1.1.0 ,这是一个库更新,为您的 Android 应用程序带来了 Material T ...

  7. 【Android】进入Material Design时代

    由于本文引用了大量官方文档.图片资源,以及开源社区的Lib和相关图片资源,因此在转载的时候,务必注明来源,如果使用资源请注明资源的出处,尊重版权,尊重别人的劳动成果,谢谢! Material Desi ...

  8. [转]ANDROID L——Material Design详解(动画篇)

    转载请注明本文出自大苞米的博客(http://blog.csdn.net/a396901990),谢谢支持! 转自:http://blog.csdn.net/a396901990/article/de ...

  9. flutter学习之二Material Design设计规范

    前言: 最近在自学flutter跨平台开发,从学习的过程来看真心感觉不是那么一件特别容易的事.不但要了解语法规则, 还要知晓常用控件,和一些扩展性的外延知识,所以套一句古人的话“路漫漫其修远矣,无将上 ...

随机推荐

  1. docker学习笔记16:Dockerfile 指令 ADD 和 COPY介绍

    一.ADD指令 ADD指令的功能是将主机构建环境(上下文)目录中的文件和目录.以及一个URL标记的文件 拷贝到镜像中. 其格式是: ADD  源路径  目标路径 如: #test FROM ubunt ...

  2. OGG同构(ORACLE-ORACLE)、异构(ORACLE-MYSQL)同步配置及错误解析

    环境:11.2.0.3(已安装数据库实例)+OEL5.7 192.168.1.55 zlm sid:zlm11g 192.168.1.60 zlm2 sid:zlm11g 一.安装软件,配置环境,创建 ...

  3. Chapter 17 Replication 复制

    Chapter 17 Replication 复制 Table of Contents 17.1 Replication Configuration 17.2 Replication Implemen ...

  4. 敬请贤者:WEB、IOS开发(2年以上经验,大专);CTO、产品经理,运营专员 电商服装鞋饰买手(2年以上经验,服装或鞋类);体验店店长 (2年以上经验,服装或鞋类) 工作地点:丰台南苑路;有意者小窗QQ2211788980 - V2EX

    敬请贤者:WEB.IOS开发(2年以上经验,大专):CTO.产品经理,运营专员 电商服装鞋饰买手(2年以上经验,服装或鞋类):体验店店长 (2年以上经验,服装或鞋类) 工作地点:丰台南苑路:有意者小窗 ...

  5. Android常用动画Animation的使用

    Andriod中有几种常用的Animation AlphaAnimation  淡入淡出效果 RotateAnimation 旋转效果 ScaleAnimation 缩放动画 TranslaAnima ...

  6. java序列化对象 插入、查询、更新到数据库

    java序列化对象 插入.查询.更新到数据库 : 实现代码例如以下: import java.io.ByteArrayInputStream; import java.io.ByteArrayOutp ...

  7. ONOS系统架构演进,实现高可用性解决方案

    上一篇文章<ONOS高可用性和可扩展性实现初探>讲到了ONOS系统架构在高可用.可扩展方面技术概况,提到了系统在分布式集群中怎样保证数据的一致性.在数据终于一致性方面,ONOS採用了Gos ...

  8. XML(三)

     使用 XSLT 显示 XML -------------------------------------------------------------------------------- 通 ...

  9. PHP - session编码和解码

    <?php //session编码 session_start(); $_SESSION['name'] = 'Jack'; $_SESSION['sex'] = 'men'; $envar = ...

  10. WCF技术剖析之二十七: 如何将一个服务发布成WSDL[基于HTTP-GET的实现](提供模拟程序)

    原文:WCF技术剖析之二十七: 如何将一个服务发布成WSDL[基于HTTP-GET的实现](提供模拟程序) 基于HTTP-GET的元数据发布方式与基于WS-MEX原理类似,但是ServiceMetad ...