今天这个是Android Material Design系列之Palette,Material Design系列的第五篇文章了,由于最近这个系列文章浏览量比较低,换了个新标题,也是为了大家进来学习嘛,今天我们讲的这个Palette非常好用,也非常好玩。 Palette的作用是从图像中提取突出的颜色,这样我们可以根据提取到的色值把它赋给Toolbar,标题,状态栏等,可以使我们的整个界面色调统一,效果非常好看。
Palette介绍
Palette顾名思义调色板, Palette的作用是可以从图像中提取图片的颜色。我们可以把提取的颜色融入到App UI中,可以使UI风格更加美观融洽。
Palette可以提取的颜色如下:
Vibrant (有活力的)
Vibrant dark(有活力的 暗色)
Vibrant light(有活力的 亮色)
Muted (柔和的)
Muted dark(柔和的 暗色)
Muted light(柔和的 亮色)
通过Palette对象获取到六个样本swatch
swatch对象对应的颜色方法
getPopulation(): 像素的数量
getRgb(): RGB颜色
getHsl(): HSL颜色
getBodyTextColor(): 用于内容文本的颜色
getTitleTextColor(): 标题文本的颜色
Palette实例
Palette经常用于和ViewPager,Fragment搭配使用,当我们的Pager切换时伴随着Fragment的变化,而Fragment里的内容一般是不同的,所以每个Fragment里的一般视觉效果也是不同的,所以我们可以用Palette来去提取Fragment中的主色调,把这个主色调用于整体的UI风格。
先看效果图,如下:
查看图片
第一步:添加依赖
第二步:创建Palette对象,并获取图片的颜色值
就是这么简单,这里略过了对TabLayout的讲解,因为这次主讲的是Palette嘛,没记错的话,以前讲解过TabLayout的使用,不会的同学可以去看源码或者是查找历史消息去看看文章。
这个系列的讲解和实例都会整理在一个demo里,demo的github地址:github.com/loonggg/Mat… 去star吧,我会慢慢完善的。
Android Material Design系列之RecyclerView和CardView(可点击)
Android Material Design系列之Toolbar(可点击)
Android Material Design系列之Navigation Drawer(可点击)
Android Material Design系列之FloatingActionButton和Snackbar(可点击)
查看图片