Android(Lollipop/5.0) Material Design(二) 入门指南

Material Design系列

Android(Lollipop/5.0)Material Design(一) 简介

Android(Lollipop/5.0)Material Design(二) 入门指南

Android(Lollipop/5.0)Material Design(三) 使用Material主题

Android(Lollipop/5.0)Material Design(四) 创建列表和卡片

Android(Lollipop/5.0)Material Design(五) 定义阴影和裁剪View

Android(Lollipop/5.0)Material Design(六) 使用图片

Android(Lollipop/5.0)Material Design(七) 自定义动画

Android(Lollipop/5.0)Material Design(八) 保持兼容性

官网地址:https://developer.android.com/training/material/get-started.html

开始

2. 应用材料设计主题
3. 以材料设计的指导方针来创建layouts
4. 投影:指定view的 evevation 属性 
5. 使用系统组件 lists and cards
6. 自定义动画

保持向后兼容性



Apply the Material Theme 运用材料主题

详见 使用Material主题

Design Your Layouts  设计你的布局

除了应用和自定义材料的主题,你的布局应符合材料的设计准则。当你设计你的布局,以下需要特别注意:

· 基线网格

· Keylines

· 间距

· 触摸目标尺寸

· 布局结构

Specify Elevation in Your Views  在View中指定elevation属性

View可以投下的阴影,一个View的elevation值决定了它的阴影的大小和绘制的顺序。可以设置一个视图的elevation,在布局中使用属性:android:elevation

新的translationz属性使您能够创建一个反映了暂时的elevation变化的动画。elevation的变化可在响应触摸手势时可能是有用的。

详见 定义阴影和裁剪View

创建 Lists and Cards

RecyclerView是一个可插入版本的列表视图,支持不同的布局类型并提供性能改进
CardView 允许您在app中显示一块块 使用一致外观的卡片
下面的代码示例演示了如何在你的布局: CardView
  1. <android.support.v7.widget.CardView
  2. android:id="@+id/card_view"
  3. android:layout_width="200dp"
  4. android:layout_height="200dp"
  5. card_view:cardCornerRadius="3dp">
  6. ...
  7. </android.support.v7.widget.CardView>

详见 创建 Lists and Cards

Customize Your Animations  自定义动画

可以自定义动画,如激活Activity的过渡动画和结束过渡动画

当你在这个Activity中启动其他的Activity时,exit transition将被激活

详见 使用自定义动画

上一篇:【Xamarin挖墙脚系列:移动设备应用的开发周期及准则】


下一篇:【Xamarin挖墙脚系列:使用Xamarin进行Hybrid应用开发】