zoukankan      html  css  js  c++  java
  • 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


  • 相关阅读:
    asp.net mvc 下载文件 txt doc xsl 等等
    MySQL用户管理:添加用户、授权、删除用户、删除用户、修改用户密码
    Vue打包时Unknown plugin "external-helpers" in "xxx\.babelrc" at 0" 解决方案
    vue中Axios的封装
    Docker部署ASP.NET Core应用到Linux中bash脚本
    Linux CentOS7系统中安装Nodejs、cnpm、Git环境
    C#之获取PDF张数以及PDF转JPG
    C#Amr转MP3
    mysql 之C#使用insert批量插入时日期字段为null,插入报错解决方案
    Windows服务器共享文件,Linux服务器实现挂载共享文件
  • 原文地址:https://www.cnblogs.com/gcczhongduan/p/5285366.html
Copyright © 2011-2022 走看看