使用Material Design设计应用:

    1. Take a look at the material design specification.
    2. Apply the material theme to your app.
    3. Define additional styles to customize the material theme.
    4. Create your layouts following material design guidelines.
    5. Specify the elevation of your views to cast appropriate shadows.
    6. Use the new widgets for complex views, such as lists and cards.
    7. Use the new APIs to customize the animations in your app.

Update Your App for the Android L Developer Preview

为Android L 开发人员预览版升级现有应用。你能够參考material design指导准则,来设计新的布局。通过触摸反馈、UI动画增强用户体验。

Create New Apps for the Android L Developer Preview

为Android L 开发人员预览版新的应用。Material design指导准则为你的app提供了一个有凝聚力的设计框架,在你的app设计、开发中依从这些准则和新的功能。

Apply the Material Theme

在app中使用material theme。你必须在style声明android:Theme.Material:

<!-- res/values/styles.xml -->
<resources>
<!-- your app's theme inherits from the Material theme -->
<style name="AppTheme" parent="android:Theme.Material">
<!-- theme customizations -->
</style>
</resources>

Material theme提供了新的系统widgets,能够在触摸反馈、Activity切换中使用颜色调色板和默认动画。

很多其它细节,參考Material Theme.

Design Your Layouts

除了使用或者自己定义Material theme。你的布局必须和Material theme指导准则保持一致。当你设计应用时,请特意注意一下几点:

    • Baseline grids
    • Keylines
    • Spacing
    • Touch target size
    • Layout structure

Specify Elevation in Your Views

视图能够投射阴影,视图的高程值决定了它的影子的大小和它绘制顺序,在你的布局中能够设置android:elevation属性,来定义投影的仰角。

<TextView
android:id="@+id/my_textview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/next"
android:background="@color/white"
android:elevation="5dp" />

新的translationZ属性,能够为view创建反映仰角暂时变化的动画。这个对触摸手势是很实用的。很多其它细节。请參考Views and Shadows.

Use the New UI Widgets

RecyclerView为ListView提高了显示动态视图性能,并且更加简单易用。CardView是一个卡片

视图,能够在卡片内显示信息。能够使用以下的方式创建CardView。


<android.support.v7.widget.CardView
android:id="@+id/card_view"
android:layout_width="200dp"
android:layout_height="200dp"
card_view:cardCornerRadius="3dp">
...
</android.support.v7.widget.CardView>

很多其它细节请參考 UI Widgets.

Customize Your Animations

Android L 开发人员预览版提供了新的apis。以支持创建自己定义动画。你能够创建activity的启动过渡和退出过渡。

// inside your activity
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS); // set an exit transition
getWindow().setExitTransition(new Explode());

当你启动另外的Activity时。退出transition 是激活的。

学习很多其它新特性,请參考:Animations.

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

參考:

http://developer.android.com/preview/material/get-started.htm

Material Design Get Started的更多相关文章

  1. Material Design Reveal effect(揭示效果) 你可能见过但是叫不出名字的小效果

    Material Design Reveal effect(揭示效果) 你可能见过但是叫不出名字的小效果 前言: 每次写之前都会来一段(废)话.{心塞...} Google Play首页两个tab背景 ...

  2. Material Design Animation

    Material Design Animation Authentic motion 真实的运动 运动以一种优美流动的形式描述了空间关系,功能和目的. Mass and weight: 质量和重量 在 ...

  3. Material Design 概念,环境和基本属性

    Material Design 概念,环境和基本属性 Material Design是随Android 5.0推出的一种设计概念, 涉及到了跨平台和设备的视觉,动态,交互设计等方面.   设计概念 M ...

  4. Android Material Design 兼容库的使用

    Android Material Design 兼容库的使用 mecury 前言:近来学习了Android Material Design 兼容库,为了把这个弄懂,才有了这篇博客,这里先推荐两篇博客: ...

  5. Material Design学习笔记

    Wiki->移动开发->Android->Material Design-原质化设计 (友情链接:http://wiki.jikexueyuan.com/project/materi ...

  6. ANDROID L——Material Design详解(UI控件)

    转载请注明本文出自大苞米的博客(http://blog.csdn.net/a396901990),谢谢支持! Android L: Google已经确认Android L就是Android Lolli ...

  7. Material Design Lite,简洁惊艳的前端工具箱。

    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,博客地址为http://www.cnblogs.com/jasonnode/ .网站上有对应每一 ...

  8. Material Design Lite,简洁惊艳的前端工具箱 之 交互组件。

    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接, 博客地址为http://www.cnblogs.com/jasonnode/ . 网站上有对应 ...

  9. Material Design学习

    前言: 最为一个用习惯了bootstrap的前端小菜,今天偶然听闻material design 这个从未听闻的前端框架,带着好奇开始了新的尝试,并将bootstrap跟material design ...

  10. 自定义 Material Design风格的提示框

    关闭 自定义 Material Design风格的提示框 2016-04-24 10:55 152人阅读 评论(0) 收藏 举报 版权声明:本文为博主原创文章,未经博主允许不得转载. 其实在14年谷歌 ...

随机推荐

  1. 【06】Vue 之 组件化开发

    组件其实就是一个拥有样式.动画.js逻辑.HTML结构的综合块.前端组件化确实让大的前端团队更高效的开发前端项目.而作为前端比较流行的框架之一,Vue的组件和也做的非常彻底,而且有自己的特色.尤其是她 ...

  2. 洛谷 [P3620] 数据备份

    贪心神题 首先我们发现一个显然的贪心策略,连接相邻两个写字楼总是更优. 所以本题就变成了数轴上一堆点,要选 k 个彼此不相邻的区间,使得区间长度最小 对于 10000 的数据来说,我们可以用 DP 解 ...

  3. one pragmatical sqlhelper

    namespace ConsoleApplication2 { using System; using System.Collections.Generic; using System.Linq; u ...

  4. spring一些总结

    Spring中三种实例化bean的方法: 1)使用类构造器   <bean id="orderService" class="cn.itcast.OrderServ ...

  5. VC6.0工程改名(转)

    只讨论对工程改名,其他文件和类的名字不改变,否则就很麻烦了.  操作步骤:   (1)删除 .dsw 文件.改好了会再自动生成的: (2)以写字板或记事本方式打开.dsp文件: (3)将其中所有的原工 ...

  6. 用Gen4消除电容触摸屏设计屏障【转】

    转自:http://www.cntronics.com/sensor-art/80015498?page=2 中心议题: 电容式触摸屏设计到产品的各种挑战 解决方案: 用Gen4消除电容触摸屏设计屏障 ...

  7. hdu 4989(水题)

    Summary Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Sub ...

  8. hdu 4970 树状数组 “改段求段”

    题意:塔防.给1--n,给出m个塔,每个塔有攻击力,给出k个怪兽的位子和血量,问有几只可以到达n点. 今天刚刚复习了树状数组,就碰到这个题,区间更新.区间求和类型.第三类树状数组可以斩. 注意一下大数 ...

  9. DOM-window下的常用子对象-location-刷新页面

    1.刷新当前页面:(通过给location.href赋值的方式) window.location.href="" eg:window.location.href="htt ...

  10. Linux 中/etc/profile、~/.bash_profile 环境变量配置及执行过程

    环境变量是和Shell紧密相关的,用户登录系统后就启动了一个Shell.对于Linux来说一般是bash,但也可以重新设定或切换到其它的 Shell.对于UNIX,可能是CShelll.环境变量是通过 ...