material design中文版
分享到:
material design中文版是由谷歌推出的全新设计语言,谷歌表示,这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”,是谷歌拿出媲美苹果公司设计的一套设计框架。谷歌的 material design语言是一套界面设计标准,而苹果发布的Swift语言是一款编程语言,为了降低开发者的门槛,二者截然不同。 material design中文版是快发界面语言,运用在APP开发,许多民间网络开发高手,就是使用 material design语言设计自己的APP软件,让软件颜色更鲜艳,动画效果更突出。
2、全新的设计语言
3、媲美苹果公司设计的一套设计框架
4、颜色更鲜艳,动画效果更突出
1.创建一个Android应用,应用主题Theme.AppCompat(或其子主题,如Theme.AppCompat.Light.DarkActionBar)
2.自定义程序所使用的主题的某些属性,示例:
3.所有需要使用ActionBar的Activity必须继承自ActionBarActivity,因为即使使用了类似Theme.AppCompat.Light.DarkActionBa这样的主题,系统也不会自动添加ActionBar.
二、使用RecyclerView
RecyclerView是Google在support v7包中提供的一个全新的组件。该组件是一个增强版的ListView,新特性:
1.提高了性能;
2.adapter中自动进行item复用,也就是说,以前的这种繁琐的写法不需要了:
if (convertView == null) {
convertView = LayoutInflater.from(context).inflate(R.layout.friends_item, parent, false);
holder = new ViewHolder();
holder.nameTV = (TextView) convertView.findViewById(R.id.friends_item_name);
holder.phoneTV = (TextView) convertView.findViewById(R.id.friends_item_phone);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
3.预置了item的添加,删除,移动,修改时的动画,当且改动画也可以自定义。
2、调色板以一些基础色为基准,通过填充光谱来为Android、Web和iOS环境提供一套完整可用的颜色。基础色的饱和度是500。
3、限制颜色的数量,在众多基础色中选出三个色度以及一个强调色。强调色用于后背,可有可无。
4、为了有效地传达信息的视觉层次,应该使用深浅不同的文本。对于白色背景上的文字,标准alpha值为87%(#000000)。视觉层次偏低的次要文字,应该使用54%(#000000)的alpha值。而像正文和标签中用于提示用户的文字,视觉层次更低,应该26%(#000000)的alpha值。其它元素,如图标和分隔线,也应该具有黑色的alpha值,而不是实心颜色,以确保他们能适应任何颜色的背景。对于彩色背景上白色或黑色文字,可以通过表格中的调色板找到合适的色彩对比度和alpha值。
5、鲜艳的强调色用于你的主要操作按钮以及组件,如开关或滑片。左对齐的部分图标或章节标题也可以使用强调色。、
6、如果你的强调色相对于背景色太深或者太浅,默认的做法是选择一个更浅或者更深的备用颜色。如果你的强调色无法正常显示,那么在白色背景上会使用饱和度500的基础色。如果背景色就是饱和度500的基础色,那么会使用100%的白色或者54%的黑色。
在Android studio中新建project,右键project选择open Module Setting ,在打开的project Structure界面,左侧Module对应的app为选中,右侧切换到Dependencies下,点击页面右边的绿色+,选择第一个 library dependency , 然后在弹出的Choose Library Dependency 对话框内找到design(com.android.support:design:xx.x.x); 点击ok 即可完成讲Google的material Design兼容库添加到project中。
2、Material Design是什么?
谷歌推出了全新的设计语言Material Design。
3、为什么国产应用不安material design?
1、谷歌的应用都已经上了该设计语言;
2、介绍的应用只给出用户使用主界面和链接,具体的实际操作体验还需各位自行体会;
3、作为一个应用外貌党,很多应用都是个人推荐,不涉及任何利益关系。
功能特色
1、系统字体Roboto的升级版本,同时颜色更鲜艳,动画效果更突出2、全新的设计语言
3、媲美苹果公司设计的一套设计框架
4、颜色更鲜艳,动画效果更突出
怎么使用?
一、使用Material主题1.创建一个Android应用,应用主题Theme.AppCompat(或其子主题,如Theme.AppCompat.Light.DarkActionBar)
2.自定义程序所使用的主题的某些属性,示例:
3.所有需要使用ActionBar的Activity必须继承自ActionBarActivity,因为即使使用了类似Theme.AppCompat.Light.DarkActionBa这样的主题,系统也不会自动添加ActionBar.
二、使用RecyclerView
RecyclerView是Google在support v7包中提供的一个全新的组件。该组件是一个增强版的ListView,新特性:
1.提高了性能;
2.adapter中自动进行item复用,也就是说,以前的这种繁琐的写法不需要了:
if (convertView == null) {
convertView = LayoutInflater.from(context).inflate(R.layout.friends_item, parent, false);
holder = new ViewHolder();
holder.nameTV = (TextView) convertView.findViewById(R.id.friends_item_name);
holder.phoneTV = (TextView) convertView.findViewById(R.id.friends_item_phone);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
3.预置了item的添加,删除,移动,修改时的动画,当且改动画也可以自定义。
配色方案
1、色彩从当代建筑、路标、人行横道以及运动场馆中获取灵感,由此引发出大胆的颜色表达激活了色彩,与单调乏味的周边环境形成鲜明的对比。强调大胆的阴影和高光。引出意想不到且充满活力的颜色。2、调色板以一些基础色为基准,通过填充光谱来为Android、Web和iOS环境提供一套完整可用的颜色。基础色的饱和度是500。
3、限制颜色的数量,在众多基础色中选出三个色度以及一个强调色。强调色用于后背,可有可无。
4、为了有效地传达信息的视觉层次,应该使用深浅不同的文本。对于白色背景上的文字,标准alpha值为87%(#000000)。视觉层次偏低的次要文字,应该使用54%(#000000)的alpha值。而像正文和标签中用于提示用户的文字,视觉层次更低,应该26%(#000000)的alpha值。其它元素,如图标和分隔线,也应该具有黑色的alpha值,而不是实心颜色,以确保他们能适应任何颜色的背景。对于彩色背景上白色或黑色文字,可以通过表格中的调色板找到合适的色彩对比度和alpha值。
5、鲜艳的强调色用于你的主要操作按钮以及组件,如开关或滑片。左对齐的部分图标或章节标题也可以使用强调色。、
6、如果你的强调色相对于背景色太深或者太浅,默认的做法是选择一个更浅或者更深的备用颜色。如果你的强调色无法正常显示,那么在白色背景上会使用饱和度500的基础色。如果背景色就是饱和度500的基础色,那么会使用100%的白色或者54%的黑色。
常用问题解答
1、material design库怎么导入?在Android studio中新建project,右键project选择open Module Setting ,在打开的project Structure界面,左侧Module对应的app为选中,右侧切换到Dependencies下,点击页面右边的绿色+,选择第一个 library dependency , 然后在弹出的Choose Library Dependency 对话框内找到design(com.android.support:design:xx.x.x); 点击ok 即可完成讲Google的material Design兼容库添加到project中。
2、Material Design是什么?
谷歌推出了全新的设计语言Material Design。
3、为什么国产应用不安material design?
1、谷歌的应用都已经上了该设计语言;
2、介绍的应用只给出用户使用主界面和链接,具体的实际操作体验还需各位自行体会;
3、作为一个应用外貌党,很多应用都是个人推荐,不涉及任何利益关系。
展开更多
material design中文版下载地址
- 需先下载高速下载器:
- 专用下载:
- 其它下载: