Code,  Tech

Android中的Material Design

Material Design是Google I/O发布的视觉语言设计规范,对色彩图标层次交互等各方面都有细致详尽的阐述。

半年前学习Android之初我也先去了解了下MD,将网上比较有用的资料整理如下:

Android Material Design学习参考:

之前个人项目的开发中除运用MD控件外还大量引用了Material Design的Color  ToolIcons,很糟心的一个问题就是官网打开太慢,有时想生成个图标找名字要等很久,干脆整理了张MD Icons全览图,以供备用。

虽说官网可以直接选需要的图标进行打包下载,但还是没有直接在Android Studio中使用插件生成来得方便,MD图标生成插件GitHub传送门:

Material Design Icon Generator Plugin

现在已经可以直接在AS的Plugins中安装该插件,具体步骤如下:顶部菜单栏File->Settings->Plugins->Marketplace ,在搜索栏中输入该插件名

Material Design Icon Generator

进行查询,再选择INSTALL按钮安装即可。

安装之后,重启AS,使用自定义快捷键或New->Material design icon,会出现以下窗口:

在Icon一栏根据图标名称选择预览,还可以选择颜色(Color),大小(Size),自定义名称(Name),图标类型为Image还是Vector,Image即为我们最常见的图像,根据设备屏幕的不同会适配其相应的分辨率的图片,而Vector为矢量图,关于Android中Vector的绘制请参考这篇文章:

vector 的用法–自绘资源

以生成36dp的 delete(删除)图标为例,选择完成后点击OK并确认对话框,会提示生成成功。

在项目app->res->drawable目录下,可看到使用插件绘制的图标,fillColor即为颜色,可以重定义该属性值改变图标色彩,android:height=”36dp”表示的该图标高度36dp,大小同样也可通过改变height和width的属性值重新进行绘制。

暂且这么多,还有其他的想到再补啦。

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注