Material Design

本文深入探讨了Material Design在谷歌I/O开发者大会上的推出及其在Android L开发者预览版中的应用。Material Design通过引入新的主题、复杂视图、阴影和动画API等特性,为开发者提供了全新的视觉指南、运动和交互设计平台,以实现更富有活力、动态且响应式的UI设计。文章详细介绍了如何利用这些新功能来创建符合Material Design规范的应用,包括两个新的Widget(RecyclerView和CardView),以及如何通过调整视图属性和使用新的动画API来实现更丰富的用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


    Material Design是google io开发者大会推出的新的设计语言,Material Design不像Android过去采用的Holo风格那样深沉,增加或修改了阴影动画功能,使其更加跳动和富有活力。


    

    Android L 开发者预览版包含了支持Material Design的Apps。Material Design是一个综合视觉指南、运动和交互设计平台。在你的应用中可以按照material design 规范中定义准则以及使用新组件和功能在Android开发人员预览版


            

Android L 开发者预览为你提供了一下功能以实现Material设计。

1、新的主题

2、新的复杂视图

3、新的阴影和动画api


Material Theme

     Materail Theme将为你的应用提供新的风格,系统控件将允许你使用颜色调色板,以及提供新的动画为触摸反馈

和Activity过度。

                  

Dark Material theme                                                       Light Material theme

New Widgets

    Android L 开发者预览提供了两个新的Widget显示复杂视图。


    RecyclerView:RecyclerView为ListView提高了显示动态视图性能,而且更加简单易用。


    CardView:CardView是一个卡片视图,可以在卡片内显示信息。

                       

                           

RecyclerView                                   CardView



View Shadows

    除了X、Y属性,Android L 开发者预览版的视图提供了Z属性,Z属性表示视图的仰角,它决定了:


    1、阴影大小Z值视图投射更大阴影。

    2、绘制顺序,Z值视图显示在最上面。


Animations

    Android L 开发者预览版提供新的动画API,你可以为UI控件的触摸响应、视图的状态、Activity的切换创建新的

自定义动画。


    新的动画API可以让你做到:

    1、使用触摸反馈动画响应view的触摸事件。(touch feedback animations

    2、使用reveal effect animations显示隐藏View。

    3、activity transitionanimations切换Activity

    4、创建更加自然的曲线运动动画

    5、一个或多个视图属性变化动画(state change animations)

        6、视图状态变化动画(state list drawables


    Touch feedback animations 内置在android的标准控件内,例如 buttons。新的APIs可以让你自定义动画,并且让动画加入到自定义的view中。


New Capabilities for Drawables

      Android L 开发者预览版支持drawable tinting可以定义位图作为alpha蒙版和使用颜色调色。你可以仅仅一

次创建这些资源,并且使用颜色匹配主题。Drawables支持多数的xml属性作为主题属性。

     Android L 开发者预览版提供了color extraction库,这个库可以让你位图图像自动提取突出颜色。


         Material Design为设计应用带来了全新的美学理念,而Android L开发者预览版则基于此给予了应用开发者及设

计师一套非常完整的工具、各种响应式UI模式和主题元素,不仅灵活,更能将色彩与个性展现得淋漓尽致。


/**
* @author 张兴业
*  我的新浪微博:@张兴业TBOW
*/


Materail动画可以参考下:

http://pan.baidu.com/s/1i3HtOsH

http://developer.android.com/preview/material/videos/ContactsAnim.mp4                                             

参考:

http://www.google.com/design/spec/material-design/introduction.html#

http://developer.android.com/preview/material/index.html

http://www.polymer-project.org/components/paper-elements/demo.html

http://www.youkuaiyun.com/article/2014-06-26/2820407-google-io-android-l

### Material Design 指南与资源 Material Design 是一种由 Google 推出的设计语言,旨在通过统一的原则、视觉效果和交互模式提升用户体验。以下是关于 Material Design 的核心概念及其相关资源: #### 核心原则 1. **Tangible Surfaces (有形的外观)** 设计的核心之一是模拟现实世界的物理特性。UI 层次分明,每一层都有相应的阴影效果,这有助于突出焦点并构建清晰的层级结构[^2]。 2. **Motion (动态效果)** 动态效果被用来引导用户的注意力,增强操作反馈,并保持界面的一致性和连贯性。动画应自然流畅,避免突兀的变化。 3. **Typography (字体设计)** 字体的选择和排版对于可读性和美观至关重要。Google 提供了基于 Material Design 原则的字体比例生成器,支持自动调整和优化字体大小以提高易读性[^3]。 4. **Color & Theme (颜色与主题)** 材料设计强调色彩运用的重要性。推荐在深色主题下减少明亮、多彩的颜色使用,而 Android 版本的组件库提供了 `PrimarySurface` 样式来简化这一过程[^4]。 #### 资源汇总 - **官方文档**: 官方网站包含了详尽的设计指南和技术实现细节,适合设计师和开发人员共同学习。 - **UI Kits 和 Icons**: 可免费获取大量基于 Material Design 系统的 UI 工具包、图标集以及背景素材等[^1]。 - **开源项目**: GitHub 上有许多优秀的开源项目展示了如何实际应用 Material Design 到应用程序中。 - **在线工具**: 如 Figma 或 Adobe XD 插件可以帮助快速创建符合标准的设计原型。 ```python import android.graphics.Color; import com.google.android.material.color.MaterialColors; // 获取当前主题下的 primary color int primaryColor = MaterialColors.getColor(context, R.attr.colorPrimary, Color.BLACK); ``` 以上代码片段演示了如何利用 Material Components 库提取当前主题的主要颜色值。 ---
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值