Android5.0新特性-Material Design

简介: Android5.0新特性-Material Design

概述


2014年,Google携Android5.X重装归来,全新的UI设计和更加优化的性能,令开发者眼前一亮


安装和配置Android5.0开发环境


开发Android还得靠AS,下载地址

http://developer.android.com/intl/zh-cn/sdk/index.html

20160329200727323.png


材料设计概述


材料的形态模拟


Google通过模拟自然界纸墨的形态变化、光线与阴影、纸与纸之间的控件层级关系,带来一种真实的空间感


更加真实的动画


Android5.x大量加入了各种新的动画效果,让整个设计风格更加自然和谐。


大色块的使用


Material Desigin中运用了大量高度饱和、适中亮度的大色块来突出界面的主次,并一扫Android4.X系列Holo主题的沉重感,让界面更加富有时尚感和视觉冲击力


此外还有很多新的设计风格,如悬浮按钮,聚焦大图、无框按钮、波纹效果等新特性

具体可参考

http://www.google.com/design/#resources


材料设计能做哪些工作


  • 保证向后的兼容性
  • 使用材料设计的主题
  • 让视图产生阴影
  • 使用RecyclerView和CardView
  • 定制动画


intel x86模拟器


下载和安装intel x86模拟器加速器


之前的ARM模拟器,是以软件的形式模拟,所以很慢~x86可以选这使用宿主机器的GPU等,和真机的速度相差无几~


下面更新SDK使用了国内的代理,需要的童鞋可以看下


20160329224843342.png

下载

打开SDK Manager


20160329222454737.png

install 之后


20160329222611706.png


安装

找到SDK如下目录,因为这个加速器是跨平台的,windows操作系统对应的是exe执行文件,安装即可


20160329222937520.png


20160329223011755.png


当然你也可以使用genymotion~有真机最好了~


从官方下载x86模拟器加速器


除了从SDK中下载,还可以从Intel官方网站上下载加速器

官网如下:

https://software.intel.com/zh-cn/android

https://software.intel.com/zh-cn/android/articles/intel-hardware-accelerated-execution-manager/


20160329223412116.png


检测 Intel X86模拟器加速器是否安装成功


20160329223747805.png


cmd命令行窗口:


20160329223616835.png


安装x86模拟器镜像


虽然我们上面安装了加速器,但是只是模拟器而已,镜像才是关键!!!


从SDK中直接安装


官方推荐的安装方法

因为我的电脑操作系统是64位,我们打算在5.0的模拟器中使用,所以选择如下:

20160329224534138.png



从Intel官方下载安装


https://software.intel.com/zh-cn/android/articles/android-44-kitkat-x86-emulator-system-image

20160329224332527.png


指导文档

下载后放到相应的目录即可~


体验以x86模式运行Android模拟器

20160329234238206.png

都是默认选项,选择使用宿主机器的GPU~

20160329234514582.png


哈哈 速度那是必须的快~


Material主题


Material Design现在有三种默认的主题可以设置:

@android:style/Theme.Material (dark version)

@android:style/Theme.Material.Ligh (ligth version)

@android:style/Theme.Material.Ligh.DarkActionBar


同时 Android5.x提出了Color Palette (颜色调色板)的概念,让开发者可以自己设定系统区域的颜色,使整个APP的颜色风格和系统的颜色风格保持一致。


通过如下代码,可以通过使用自定义Style的方式来创建自己的Color Palette 颜色主题,从而实现不同的颜色风格。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="android:Theme.Material">
        <!--appBar的颜色-->
        <item name="android:colorPrimary">#BEBEBE</item>
        <!--状态栏的颜色-->
        <item name="android:colorPrimaryDark">#FF5AEBFF</item>
        <item name="android:navigationBarColor">#FFFF4130</item>
        <item name="android:colorAccent">#BF3EFF</item>
    </style>
</resources>


20160330193148077.png


20160330193046936.png


RecyclerView

详见本人另一篇博客 RecyclerView完全解读


立体卡片CardView

详情请查看鄙人CradView的使用


视图和阴影

Material Design的一个很重要的特性就是拟物扁平化。

20160331000038698.png


影响视图阴影的因素


以往的Android View通常有2个属性——X和Y,而在Android5.X中,Google为其增加了一个新的属性 —Z,对应垂直方向上的高度变化。


在Android5.x中,View的Z值由 elevation + translationZ(这两个都是5.x引入的新特性)组成。


其中 elevation是静态的成员,translationZ可以在代码中使用来实现动画的效果。

Z = elevation + translationZ


通过布局文件和Java代码设置视图的阴影

通过布局文件设置

在xml中设置View的视图高度

android:elevation="Xxdp"


比如:

 <TextView
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center"
   android:text="@string/cardview_contents"
   android:elevation="10dp" />

通过Java代码设置

view.setTranslationZ(XXX)


通常也会使用属性动画来为视图高度改变的时候增加一个动画效果

if(flag){
    view.animate().translationZ(100);
    flag=false;
}else{
    view.animate().translationZ(0);
    flag=true;
}



阴影拖动


视图裁剪

着色

ripple_drawable资源

矢量drawable资源

在Android中使用SVG矢量图

SVG设计器

实现SVG矢量动画

APP的兼容性

相关文章
|
2月前
|
Android开发 开发者 Kotlin
探索安卓开发中的新特性
【9月更文挑战第14天】本文将引导你深入理解安卓开发领域的一些最新特性,并为你提供实用的代码示例。无论你是初学者还是经验丰富的开发者,这篇文章都会给你带来新的启示和灵感。让我们一起探索吧!
|
2月前
|
安全 Android开发 iOS开发
安卓与iOS的较量:技术特性与用户体验的深度解析
在移动操作系统的战场上,安卓和iOS一直占据着主导地位。本文将深入探讨这两大平台的核心技术特性,以及它们如何影响用户的体验。我们将从系统架构、应用生态、安全性能和创新功能四个方面进行比较,帮助读者更好地理解这两个系统的异同。
71 3
|
4月前
|
Android开发 Swift iOS开发
探索Android与iOS开发的差异性:平台特性与用户体验的深度剖析
【7月更文挑战第27天】在移动应用开发的广阔天地中,Android和iOS两大阵营各自占据半壁江山。本文将深入探讨这两个平台在开发过程中的关键差异,从编程语言、工具集到用户界面设计原则,以及它们如何影响最终的用户体验。通过对比分析,我们将揭示每个平台的独特优势,并讨论如何在这些差异中寻找平衡点,以实现跨平台的成功。
|
2月前
|
监控 Android开发 iOS开发
深入探索安卓与iOS的系统架构差异:理解两大移动平台的技术根基在移动技术日新月异的今天,安卓和iOS作为市场上最为流行的两个操作系统,各自拥有独特的技术特性和庞大的用户基础。本文将深入探讨这两个平台的系统架构差异,揭示它们如何支撑起各自的生态系统,并影响着全球数亿用户的使用体验。
本文通过对比分析安卓和iOS的系统架构,揭示了这两个平台在设计理念、安全性、用户体验和技术生态上的根本区别。不同于常规的技术综述,本文以深入浅出的方式,带领读者理解这些差异是如何影响应用开发、用户选择和市场趋势的。通过梳理历史脉络和未来展望,本文旨在为开发者、用户以及行业分析师提供有价值的见解,帮助大家更好地把握移动技术发展的脉络。
92 6
|
2月前
|
XML Android开发 UED
💥Android UI设计新风尚!掌握Material Design精髓,让你的界面颜值爆表!🎨
随着移动应用市场的蓬勃发展,用户对界面设计的要求日益提高。为此,掌握由Google推出的Material Design设计语言成为提升应用颜值和用户体验的关键。本文将带你深入了解Material Design的核心原则,如真实感、统一性和创新性,并通过丰富的组件库及示例代码,助你轻松打造美观且一致的应用界面。无论是色彩搭配还是动画效果,Material Design都能为你的Android应用增添无限魅力。
65 1
|
2月前
|
安全 定位技术 Android开发
探索Android 12的隐私保护特性
随着数字化生活的深入,个人隐私保护成为用户关注的焦点。本文将介绍Android 12新推出的隐私保护功能,包括隐私仪表板、近似位置访问和麦克风/相机指示器等,帮助读者了解如何通过这些工具来增强自己的数据安全。
|
1月前
|
开发工具 Android开发 iOS开发
移动应用开发的艺术:探索Android与iOS的操作系统特性
【9月更文挑战第33天】在数字时代的浪潮中,移动应用已成为我们日常生活不可或缺的一部分。本文将深入探讨两个主流移动操作系统——Android和iOS——的独特特性,并分析它们如何影响移动应用的开发过程。我们将通过比较这两个系统的设计哲学、用户界面(UI)设计、开发工具以及市场策略,来揭示开发者如何在这些不同的平台上打造出色的用户体验。无论你是开发者还是对移动技术感兴趣的读者,这篇文章都将为你提供宝贵的见解。
|
2月前
|
安全 Android开发 iOS开发
安卓与iOS的较量:技术特性与用户体验的深度剖析
在移动操作系统的战场上,安卓和iOS一直是两个重量级选手。本文将深入探讨两者的技术架构、安全性、应用生态以及用户体验等方面的差异,并尝试从用户和开发者的角度出发,分析这两个系统的优势与不足。通过比较,我们不仅能更好地理解各自的特点,还能洞察未来移动技术的发展趋势。
67 3
|
4月前
|
Android开发 Swift iOS开发
探索Android与iOS开发的差异:平台特性与用户体验
【7月更文挑战第30天】在移动应用开发的广阔天地中,Android与iOS两大平台各自展现出独特的魅力与挑战。本文将深入探讨这两个操作系统在开发环境、编程语言、用户界面设计以及发布流程等方面的主要差异,旨在为开发者提供一个清晰的对比视角,帮助他们根据项目需求和目标受众做出更明智的开发决策。
52 13
|
4月前
|
XML Android开发 UED
💥Android UI设计新风尚!掌握Material Design精髓,让你的界面颜值爆表!🎨
【7月更文挑战第28天】随着移动应用市场的发展,用户对界面设计的要求不断提高。Material Design是由Google推出的设计语言,强调真实感、统一性和创新性,通过模拟纸张和墨水的物理属性创造沉浸式体验。它注重色彩、排版、图标和布局的一致性,确保跨设备的统一视觉风格。Android Studio提供了丰富的Material Design组件库,如按钮、卡片等,易于使用且美观。
147 1