首页 > 代码库 > Material Design Get Started
Material Design Get Started
使用Material Design设计应用:
- Take a look at the material design specification.
- Apply the material theme to your app.
- Define additional styles to customize the material theme.
- Create your layouts following material design guidelines.
- Specify the elevation of your views to cast appropriate shadows.
- Use the new widgets for complex views, such as lists and cards.
- 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.
参考:
http://developer.android.com/preview/material/get-started.htm
Material Design Get Started