Material Design(二)

来源:互联网 发布:手机sd卡删除数据恢复 编辑:程序博客网 时间:2024/05/14 07:17

入门


要创建具有材料设计的应用程序:

  1. 看一看在材料设计规范。
  2. 应用材料主题到您的应用程序。
  3. 定义额外的样式来定制材料的主题。
  4. 创建你的布局如下材料的设计准则。
  5. 指定高程的观点投适当的阴影。
  6. 使用新的部件进行复杂的视图,例如列表和卡片。
  7. 使用新的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 activitygetWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);// set an exit transitiongetWindow().setExitTransition(new Explode())

当你从这个活动开始另一个活动,退出过渡被激活。

要了解所有的功能在新的API,看动画。

0 0