Creating Apps With Material Design —— Using the Material Theme

简介: 转载请注明 http://blog.csdn.net/eclipsexys 翻译自Developer Android,时间仓促,有翻译问题请留言指出,谢谢使用Material主题这种新材料的主题为:     可以让你设置自己的自定义color palette 要自定义主题的基础颜色,以适应你的品牌,使用的时候,你从材料主题主题继承属性定义自定义颜色:系统部件    触摸反馈的动画为系统部件   Activity过渡动画 您可以根据一个color palette,你控制你的品牌形象定制的材料主题的外观。

转载请注明 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()方法用于动画或褪色。 

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

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


目录
相关文章
|
7月前
SAP AppGyver 的 Universal Theme System 使用介绍
SAP AppGyver 的 Universal Theme System 使用介绍
31 0
|
XML 开发工具 开发者
Material Design 实战
主要是google提出的一种设计应用的规范,并且为了方便开发者,Google将一系列设计好的组件进行了一些比较好的封装,使得我们普通的开发者也能设计出较为美观的界面,只要引入Material库就可以使用那些组件了
100 0
SAP UI5 how the ui library theme parameter is loaded
Created by Wang, Jerry, last modified on Apr 09, 2015
SAP UI5 how the ui library theme parameter is loaded
|
XML Android开发 数据格式
Material Design系列(一)- CollapsingToolbarLayout 和AppBarLayout
1. 什么是CoordinatorLayout CoordinatorLayout是Android官方在Design包提供的控件,来自官方的解释是: CoordinatorLayout is a super-powered FrameLayout 它主要用于两个方面: 当做普通的FrameLayout作为根布局使用 作为一个或者多个子View进行复杂交互的容器 CoordinatorLayout为我们提供了一个叫做Behavior的东西,我们基本上的复杂交互都是使用Behavior来协调完成。
1645 0
|
Web App开发 前端开发 iOS开发