Creating Apps With Material Design —— Working with Drawables

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

Drawable

通过可绘制了以下功能帮助您实现材料设计你的应用程序:

可绘制着色 
    突出的颜色提取 
    矢量可绘

这一课将告诉您如何使用您的应用程序这些功能。

可调色的Drawable资源

采用Android5.0(API等级21)以上,则可以着色定义为透明遮罩位图和nine-patches图。您可以调整它们的色彩资源或主题属性,以便于解决颜色资源(例如,?android:attr/colorPrimary)。通常情况下,您将创建这些资产只有一次,并自动将它们上色,以符合您的主题。

您可以将色彩以BitmapDrawable或NinePatchDrawable对象与setTint()方法。您还可以设置色调的颜色和模式,在不同的界面与android:tintandroid:tintMode属性,从图像中提取颜色突出。

Android的支持库R21及以上包括面板类,它可以让你从图像中提取突出的颜色。这个类中提取以下突出的颜色:

充满活力 
    充满活力的黑暗 
    充满活力的光 
    静音 
    柔和的暗 
    柔和的光线

要提取这些颜色,传递一个Bitmap对象到您加载图片的Palette.generate()静态方法在后台线程。如果你不能使用线程调用Palette.generateAsync()方法,并提供了一个监听器来代替。

你可以从图像使用getter方法??在面板类,如Palette.getVibrantColor突出的颜色。

要使用调色板类项目,以下摇篮依赖添加到您的应用程序的模块:

dependencies {
    ...
    compile ‘com.android.support:palette-v7:+‘
}

创建VerctorDrawable

在安卓5.0(API等级21)以上,则可以定义向量可绘制对象,其中规模又不失清晰。你的矢量图像仅需要一个资源文件,而不是一个资产文件中的位图图像的情况下,每个屏幕密度。要创建一个矢量图像,你定义了一个<vector> XML元素内部的形状的细节。

下面的例子定义了心脏的形状矢量图像:

<!-- res/drawable/heart.xml -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    <!-- intrinsic size of the drawable -->
    android:height="256dp"
    android:width="256dp"
    <!-- size of the virtual canvas -->
    android:viewportWidth="32"
    android:viewportHeight="32">

  <!-- draw a path -->
  <path android:fillColor="#8fff"
      android:pathData="M20.5,9.5
                        c-1.955,0,-3.83,1.268,-4.5,3
                        c-0.67,-1.732,-2.547,-3,-4.5,-3
                        C8.957,9.5,7,11.432,7,14
                        c0,3.53,3.793,6.257,9,11.5
                        c5.207,-5.242,9,-7.97,9,-11.5
                        C25,11.432,23.043,9.5,20.5,9.5z" />
</vector>

矢量图在Android中表示为VectorDrawable对象。有关pathData语法的详细信息,请参阅SVG的路径参考。有关动画的矢量可绘制对象的属性的详细信息,请参阅矢量动画效果可绘制对象。

时间: 2024-10-14 06:34:48

Creating Apps With Material Design —— Working with Drawables的相关文章

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

Creating Apps with Material Design Material design is a comprehensive guide for visual, motion, and interaction design across platforms and devices. To use material design in your Android apps, follow the guidelines described in the material design s

Creating Apps With Material Design —— Maintaining Compatibility

转载请注明 http://blog.csdn.net/eclipsexys 翻译自Developer Android,时间仓促,有翻译问题请留言指出,谢谢 保持兼容性 如material design和自定义活动的过渡部分材料设计功能只能在Android5.0(API等级21)以上.不过,你可以设计你的应用程序在支持材料设计,仍然与设备运行的是Android的早期版本兼容的设备上运行. 定义可替换的风格 你可以配置你的应用程序使用的材料主题在支持它,并恢复到运行早期版本的Android设备较旧的

Creating Apps With Material Design —— Defining Custom Animations

转载请注明 http://blog.csdn.net/eclipsexys 翻译自Developer Android,时间仓促,有翻译问题请留言指出.谢谢 定义动画 在材料设计动画让用户与您的应用程序进行交互时,为他们的行为提供反馈.并提供可视化的连续性. 该材料的主题提供了一些默认的动画button和活动过渡,而Android5.0(API等级21)以上,您能够自己定义这些动画和创建新的: 触摸反馈     通告显示     活动转变     曲线运动     视图状态更改 自己定义触摸反馈

Creating Apps With Material Design —— Using the Material Theme

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

Creating Apps With Material Design —— Creating Lists and Cards

转载请注明 http://blog.csdn.net/eclipsexys 翻译自Developer Android.时间仓促,有翻译问题请留言指出,谢谢 创建Lisst和Cards 在你的应用程序创建复杂的清单,并与材料设计风格卡.您能够使用RecyclerView和CardView部件. 创建RecyclerView 该RecyclerView widget是ListView中的更先进,更灵活的版本号.这个小工具是一个容器.用于显示.能很有效地维护了意见数量有限,滚动大的数据集. 当你有收集

Creating Apps With Material Design —— Defining Shadows and Clipping Views

View转载请注明 http://blog.csdn.net/eclipsexys 翻译自Developer Android,时间仓促,有翻译问题请留言指出,谢谢 定义阴影和裁减 材料设计引入了深度的UI元素.深度帮助用户了解每一个元素的相对重要性.以及集中注意力于手头的任务. 一个视图.通过Z属性表示的Elevation,决定了它的影子的大小:具有较高的Z值的View蒙上更大的阴影.浏览次数仅仅投射阴影在Z=0平面上;他们不投在以下放置它们和上面的Z =0平面的其它意见的阴影. 具有较高的Z值

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干货来袭

什么是Material Design 据谷歌介绍,Material Design基于"真实的触感,灵感源自对纸和墨水的研究," 能够让用户 "理解那些用于替代真实世界的可视线索,""而又不违背力学原理."另外,光线.表面和移动的基本原理是表现对象如何移动.交互和相互关联地存在于空间中的关键.逼真的光影效果可以显示区块间的接缝.划分空间.以及标识移动的部件. Material Design在动画.风格和布局方面提出了一系列的原则,并且为大量的视觉组

Material Design设计规范

下面的内容是在<移动互联网沙龙开年篇>做的一点分享,关于Material Design设计规范相关的. 作为技术开发者需不需要了解设计规范?个人认为非常需要,一个交流的需要,另一就是了解相关的设计才能储备相应地知识,知道UI开发的方向.这问题非常希望读者能留言讨论. Android的设计风格变迁可以划分到三个时代: 1.无序时代 2.Holo theme 3.Material Design 无序时代 无序时代是没有Android设计规范的.无序时代的Android应用设计主要是参考的iOS的设