前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Palette让你的应用风格统一,绚丽多彩

Palette让你的应用风格统一,绚丽多彩

作者头像
非著名程序员
发布2018-02-09 11:34:16
5770
发布2018-02-09 11:34:16
举报
文章被收录于专栏:非著名程序员非著名程序员

今天这个是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地址:https://github.com/loonggg/MaterialDesignDemo 去star吧,我会慢慢完善的。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2016-07-03,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 非著名程序员 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Palette介绍
  • 通过Palette对象获取到六个样本swatch
  • Palette实例
    • 第一步:添加依赖
      • 第二步:创建Palette对象,并获取图片的颜色值
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档