文档章节

Material Design

AK_47
 AK_47
发布于 2014/07/09 17:40
字数 808
阅读 52
收藏 1


    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.csdn.net/article/2014-06-26/2820407-google-io-android-l

© 著作权归作者所有

AK_47
粉丝 16
博文 533
码字总数 569998
作品 0
嘉定
程序员
私信 提问
Google Material Design设计语言的HTML/CSS/JS部分实现

Material Design Lite简介 本文主要介绍Google Material Design设计语言的HTML/CSS/JS部分实现。 博客地址:http://my.oschina.net/u/2275217/blog/496411 一、设计语言 github项目地址:htt...

笔阁
2015/09/28
1K
0
推荐 15 款免费 Material Design UI Kit

Material Design UI Kit by Oliur Material Design UI Kit freebie by Jakub Kośla Free Material UI Kit Free UI Kit | UX, PSD, iOS 8 by Ramotion Android L Contats UI PSD by Roberts ......

OSC编辑部
2015/07/16
455
0
material2 7.0.0-beta.2,Angular 的 Material Design 风格框架

Angular 的 Material Design 风格框架 material2 发布了 7.0.0-beta.2 版本,此版本包含许多更改,以使组件更符合 2018 Material Design 的更新。 如果要覆盖默认样式,可能会需要对它们进行...

局长
2018/09/24
567
0
Material Design Lite ,简洁惊艳的前端工具箱。

Material Design Lite简介 本文主要介绍Material Design设计语言的HTML/CSS/JS部分实现。 对应每一小节的在线练习地址如下,大家可以去试试。 http://www.hubwiz.com/course/55adae643ad79a1...

笔阁
2015/08/24
2.2K
1
Google Material Design 2 曝光:新配色 新图标

据外媒消息,2014 年 I / O 大会发布的 Material Design 已经慢慢渗透到 Google 的所有产品中,包括 YouTube、Chrome、Gmail、Google 日历等,并一直保持着更新。在 Material Design 四周年之...

王练
2018/02/07
7.9K
10

没有更多内容

加载失败,请刷新页面

加载更多

Spring Cloud 笔记之Spring cloud config client

观察者模式它的数据的变化是被动的。 观察者模式在java中的实现: package com.hxq.springcloud.springcloudconfigclient;import org.springframework.context.ApplicationListener;i...

xiaoxiao_go
今天
4
0
CentOS7.6中安装使用fcitx框架

内容目录 一、为什么要使用fcitx?二、安装fcitx框架三、安装搜狗输入法 一、为什么要使用fcitx? Gnome3桌面自带的输入法框架为ibus,而在使用ibus时会时不时出现卡顿无法输入的现象。 搜狗和...

技术训练营
今天
4
0
《Designing.Data-Intensive.Applications》笔记 四

第九章 一致性与共识 分布式系统最重要的的抽象之一是共识(consensus):让所有的节点对某件事达成一致。 最终一致性(eventual consistency)只提供较弱的保证,需要探索更高的一致性保证(stro...

丰田破产标志
今天
7
0
docker 使用mysql

1, 进入容器 比如 myslq1 里面进行操作 docker exec -it mysql1 /bin/bash 2. 退出 容器 交互: exit 3. mysql 启动在容器里面,并且 可以本地连接mysql docker run --name mysql1 --env MY...

之渊
今天
7
0
python数据结构

1、字符串及其方法(案例来自Python-100-Days) def main(): str1 = 'hello, world!' # 通过len函数计算字符串的长度 print(len(str1)) # 13 # 获得字符串首字母大写的...

huijue
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部