首页 > 代码库 > 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