使用Material Design 创建App翻译系列----材料主题的使用(Using Material Theme)

上一篇是使用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 属性来引用主题资源。

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



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

时间: 2024-10-10 23:14:30

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

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

上一篇是使用Material Design 创建App翻译系列--材料主题的使用(Using Material Theme),进入正题: 想要在应用里创建Material Design风格的复杂列表和卡片,可以使用RecyclerView 和 CardView 控件. 创建列表 RecyclerView 控件是一个比ListView更加优越和灵活的控件.这个控件是一个通过有限个数的视图来显示大型数据集并能够高效滚动的容器. 当你有数据集合是基于用户动作或者网络事件而在运行时改变数据元素的时候你可

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

转载请注明出处:http://blog.csdn.net/bbld_/article/details/40400031 翻译自:http://developer.android.com/training/material/index.html 前言 这篇文章是官方material design文档翻译的第一篇.关于material design须要了解的知识能够參阅这本中文版的译文电子书. Material design是一种跨平台的为了视觉.动作.交互设计的综合指南.要在你的Android应用

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

昨天正式发布了android 5,同时android developer网站也更新了,增加了创建Material Design风格的Android应用指南,也更新了Support Library,在support library增加了一些Material Design风格的控件和动画等,这里给大家简单介绍一下怎样开发material design风格的Android应用. android 5使用Material Design风格 android提供了三种Material Design风格Them

手把手教你打造一个Material Design风格的App(一)

你应该听说过Android的Material Design,它是在Android 5.0(Lollipop)版本引入的.在Material Design中还引入了很多新东西,比如Material Theme,新的小部件,自定义的阴影,矢量图片及自定义动画等.如果你之前没有用过Material Design,那么本文将是一个很好的入门教程. 在这篇教程中,我们将会学习Material Design开发的基本步骤,即编写自定义的主题以及使用RecyclerView来实现抽屉导航. 通过下面的两个链接

Android最佳实践之Material Design

Material概述及主题 学习地址:http://developer.android.com/training/material/get-started.html 使用material design创建App: 温习一下material design说明 在app中应用material 主题 创建遵循material design规则的布局 指定投射阴影的高度 使用ListView和CardView 自定义动画 使用Material 主题 <!-- res/values/styles.xml

Material Design系列,自定义Behavior支持所有View

Material Design系列,自定义Behavior支持所有View 版权声明:转载必须注明本文转自严振杰的博客: http://blog.csdn.net/yanzhenjie1003 友情连接: Material Design博客专栏 系列博客: 1. Material Design系列,Behavior之BottomSheetBehavior与BottomSheetDialog 2. Material Design系列,Behavior之SwipeDismissBehavior 3.

ANDROID L——Material Design详解(主题和布局)

Android L: Android L可能就是Android Lollipop或者Lemon Pie(4.5或者5.0),因为Google一直以来都是用甜点为版本命名. Google之前就已经提前推出了Android L Developer Preview(开发者预览版)来帮助开发者更快的了解Android特性,而不久前也推出了64位的模拟器镜像.相信Android L正式版也不远了,所以是时候开始学习Android L了. 关于Android L如何配置模拟器和创建项目,如果大家有兴趣的话可

进入Material Design时代

由于本文引用了大量官方文档.图片资源,以及开源社区的Lib和相关图片资源,因此在转载的时候,务必注明来源,如果使用资源请注明资源的出处,尊重版权,尊重别人的劳动成果,谢谢! Material Design 官方Material Design详细介绍文档:http://www.google.com/design/spec/material-design/introduction.html 关于Material Design是Android 5.0系统的重头戏,并在以后App中将成为一种设计标准,而

ANDROID L——Material Design详解(动画篇)

转载请注明本文出自大苞米的博客(http://blog.csdn.net/a396901990),谢谢支持! Android L: Google已经确认Android L就是Android Lollipop(5.0). 前几天发现Android5.0正式版的sdk已经可以下载了,而且首次搭载Android L系统的Nexus 6和 Nexus 9也即将上市. 所以是时候开始学习Android L了! 关于Android L如何配置模拟器和创建项目,如果大家有兴趣的话可以看看我之前的一篇文章: A