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的兼容性

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