Creating Apps With Material Design —— Using the Material Theme

转载请注明 http://blog.csdn.net/eclipsexys 翻译自Developer Android,时间仓促,有翻译问题请留言指出,谢谢

使用Material主题

这种新材料的主题为:

可以让你设置自己的自定义color palette

要自定义主题的基础颜色,以适应你的品牌,使用的时候,你从材料主题主题继承属性定义自定义颜色:

系统部件

触摸反馈的动画为系统部件

Activity过渡动画

您可以根据一个color palette,你控制你的品牌形象定制的材料主题的外观。您可以调整操作栏,并使用主题属性的状态栏,如图3。

该系统部件有一个新的设计和触摸反馈的动画。您可以自定义color palette,触控反馈的动画和活动转变为你的应用程序。

该材料的主题被定义为:

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

对于可以使用的材料样式的列表,请参阅R.style的API参考。

自定义color palette

要自定义主题的基础颜色,以适应你的品牌,使用的时候,你从材料主题主题继承属性定义自定义颜色:

<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>

自定义状态栏

通过材料主题,您可以轻松地自定义状态栏,这样你就可以指定一个适合自己的Actionbar,并提供足够的对比度,显示白色状态图标的颜色。要设置自定义颜色,状态栏,使用android:statusBarColor属性,当你扩展了材料主题。默认情况下,Android:statusBarColor继承了Android:colorPrimaryDark。

例如,如果你想显示透明状态栏上一张照片,一个微妙的深色渐变,以确保白状态图标是可见的。要做到这一点,设置了android:statusBarColor属性来@android:color/Transparent,并根据需要调整窗口的标志。你也可以使用Window.setStatusBarColor()方法用于动画或褪色。

注:状态栏应该几乎总是有一个明确的界定从主工具栏,除了在这里你后面显示这些酒吧的边缘到边缘丰富的图像或媒体内容和情况下,当你使用一个渐变,以确保图标仍然可见。

当您自定义的导航栏和状态栏,可以让他们两个透明或只修改了状态栏。导航栏应该在所有其他情况下保持黑色。

时间: 2024-10-29 04:12:25

Creating Apps With Material Design —— Using the Material Theme的相关文章

Android Material Design 学习笔记 - Matrial Theme

google在2014年 I/O大会上推出了一种新的设计设计语言—Material design,这种设计语言语言旨在为手机.平板电脑.台式机和“其他平台”提供更一致.更广泛的“外观和感觉”(附上官方链接:http://developer.android.com/training/material/index.html) 在以后的Android中,我觉得Design风格将逐渐流行,所以:为了跟着潮流,我们也是要不断的与时俱进 --->> 如何使用Design主题? 使用的时候,你仅仅需要在St

Android(Lollipop/5.0) Material Design(三) 使用Material主题

官网地址:https://developer.android.com/intl/zh-tw/training/material/theme.html 新的Material主题提供了: 系统Widgets可设置它们的调色板 系统Widgets的触摸反馈动画 Activity的过渡动画 您可以自定义Material主题,根据你的品牌标识,用一个调色板来控制. 可以使用主题属性来为操作栏和状态栏着色,如图所示: Material主题的定义: @android:style/Theme.Material

Material Design系列第二篇——Getting Started

Getting Started This lesson teaches you to Apply the Material Theme Design Your Layouts Specify Elevation in Your Views Create Lists and Cards Customize Your Animations You should also read Material design specification Material design on Android To

超实用!9个目前流行的MATERIAL DESIGN前端框架

http://www.uisdc.com/material-design-frameworks-top-9 谷歌推出的Material Design风格已见有一些APP UI采用,视觉和交互体验都很棒,对于想尝试这个风格但又不懂实现一些效果的前端设计师们,可以试试今天分享的9个目前流行的Material Design前端框架 >>> 这些前端框架的设计元素齐全,按钮.表单.布局及常用JS特效代码也有齐了,支持Responsive Design,还有的可以结合Bootstrap使用,相当不

Android(Lollipop/5.0) Material Design(四) 创建列表和卡片

Material Design系列 Android(Lollipop/5.0)Material Design(一) 简单介绍 Android(Lollipop/5.0)Material Design(二) 入门指南 Android(Lollipop/5.0)Material Design(三) 使用Material主题 Android(Lollipop/5.0)Material Design(四) 创建列表和卡片 Android(Lollipop/5.0)Material Design(五) 定

Android(Lollipop/5.0) Material Design(七) 保持兼容性

Define Alternative Styles  定义替代样式 让你的app,使用Material Design的主题运行在支持它的设备上,并在早期版本的设备上可以运行较早的主题: 1. 在res/values/styles.xml 定义一个主题继承较早的主题 2. 在res/values-v21/styles.xml 定义一个相同名字的继承自Material主题 的主题 3. 在manifest中应用定义的主题 注:如果你的app使用了Material 主题,而不提供较早的主题,那么将不能

Material Design系列第四篇——Using the Material Theme

Defining Shadows and Clipping Views This lesson teaches you to Assign Elevation to Your Views Customize View Shadows and Outlines Clip Views You should also read Material design specification Material design on Android Material design introduces elev

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

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

用户登录(Material Design + Data-Binding + MVP架构模式)实现

转载请注明出处: http://www.cnblogs.com/cnwutianhao/p/6772759.html MVP架构模式 大家都不陌生,Google 也给出过相应的参考 Sample, 但是有的人会有疑问为啥 GitHub 上面大神写的 MVP架构模式 和 Google 的不太一样. Google MVP架构模式 Sample 地址 https://github.com/googlesamples/android-architecture/tree/todo-mvp/ 下面我们就仿照