码迷,mamicode.com
首页 > 移动开发 > 详细

Creating Apps With Material Design —— Using the Material Theme

时间:2014-10-20 17:21:48      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:material design   l   android   

转载请注明 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参考。


bubuko.com,布布扣


自定义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>

bubuko.com,布布扣

自定义状态栏 


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

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

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

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


Creating Apps With Material Design —— Using the Material Theme

标签:material design   l   android   

原文地址:http://blog.csdn.net/eclipsexys/article/details/40296269

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!