入门
要创建具有材料设计的应用程序:
- 看一看在材料设计规范。
- 应用材料主题到您的应用程序。
- 定义额外的样式来定制材料的主题。
- 创建你的布局如下材料的设计准则。
- 指定高程的观点投适当的阴影。
- 使用新的部件进行复杂的视图,例如列表和卡片。
- 使用新的API自定义动画在你的应用程序。
更新您的应用程序为Android L开发者预览版
要更新为Android L开发者预览版的现有应用程序,设计新的布局下材料的设计准则,并考虑如何通过引入深度提高为你的应用程序的用户体验,触摸UI中的反馈和动画。
为Android L开发者预览版创建新的应用程序
如果您正在创建为Android L开发者预览版的新的应用程序,该材料的设计指南为您提供一个有凝聚力的设计框架,为您的应用程序。遵循这些原则,并使用新功能在Android框架设计和开发你的应用程序。
Apply the Material Theme
适用于您的应用程序的材料主题,指定样式继承自 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.。
设计你的布局
除了 应用和定制的材料的主题,你的布局应符合材料的设计准则。当你设计你的布局,要特别注意以下几点:
- 基线网格
- 电键
- 间距
- 触摸目标大小
- 布局结构
在你的浏览指定高程
视图可以投射阴影,和视图的高程值决定了它的影子的大小和它的绘制顺序。要设置一个视图的仰角,使用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
属性允许您创建动画,反映在视图中的高程临时更改。举例来说,这是非常有用的响应触摸手势。
有关详细信息,请参见Views and Shadows.。
使用新的UI小工具
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小部件。
自定义您的动画
而Android L开发者预览版包括新的API,您的应用程序创建自定义动画。例如,您可以启用活动过渡和定义活动中退出的过渡:
// inside your activity getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS); // set an exit transition getWindow().setExitTransition(new Explode())
当你从这个活动开始另一个活动,退出过渡被激活。
要了解所有的功能在新的API,看动画。