使用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. 新blog新帖><

    欢迎来到Mychael的无声乐章 今天搬到了博客园,以后就在这个安谧的地方创作啦OvO 把以前的博客搬了过来 以前的分类似乎崩了.... [以前一些LaTex公式可能会崩掉,那就回我原博客看吧Mych ...

  2. [LeetCode] Largest Number 排序

    Given a list of non negative integers, arrange them such that they form the largest number. For exam ...

  3. [LeetCode] Surrounded Regions 广度搜索

    Given a 2D board containing 'X' and 'O', capture all regions surrounded by 'X'. A region is captured ...

  4. Struts2的使用注解配置Action(零配置)

    1.首先引入struts2注解的jar包:struts2-convention-plugin.jar ------------------------------第一种方式-------------- ...

  5. Linux和Windows兼容

    1. 介绍 我们知道Linux上的应用程序是ELF格式的,而Windows则是PE格式 所以要解决这个问题首先二进制加载问题:其次,就是API问题,两者的API完全不同要实现兼容,就需要构建一个虚拟层 ...

  6. javascript 移动鼠标高亮显示改行

    主要用到两个事件 onmouseover onmouseout <!DOCTYPE html> <html> <head> <meta charset=&qu ...

  7. LeetCode OJ-- Maximal Rectangle ***@

    https://oj.leetcode.com/problems/maximal-rectangle/ 给一个二维矩阵,里面只有0 1,求一个最大的矩阵,里面的所有元素都是1. 首先预处理: 0 1 ...

  8. LeetCode OJ-- Longest Palindromic Substring **

    https://oj.leetcode.com/problems/longest-palindromic-substring/ 给一个string,求它的最长回文子串. 定义一个二维数组bool is ...

  9. SSH架构BaseDao实现

    package cn.itcast.dao; import java.io.Serializable; import java.util.List; /** * BaseDao * @author A ...

  10. 洛谷 P1784 数独[DFS/回溯]

    To 洛谷.1784 数独类似题:CODEVS.4966 简单数独(4*4数独) CODEVS.2924 数独挑战) 题目描述 数独是根据9×9盘面上的已知数字,推理出所有剩余空格的数字,并满足每一行 ...