Material Design Get Started


使用Material Design设计应用:


    1. Take a look at the material design specification.
    2. Apply the material theme to your app.
    3. Define additional styles to customize the material theme.
    4. Create your layouts following material design guidelines.
    5. Specify the elevation of your views to cast appropriate shadows.
    6. Use the new widgets for complex views, such as lists and cards.
    7. 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.



/**
* @author 张兴业
*  我的新浪微博:@张兴业TBOW
*/


参考:

http://developer.android.com/preview/material/get-started.htm


  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值