MaterialDesign学习篇(六)，调色板Palette的学习

最新推荐文章于 2024-07-31 14:25:23 发布
最新推荐文章于 2024-07-31 14:25:23 发布
阅读量1.5k 收藏 2
点赞数 1
分类专栏： material-design MaterialDesign修炼秘笈 文章标签： material-design 调色板 palette 获取图片颜色
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Chay_Chan/article/details/76570461
版权
本文介绍了Android MaterialDesign中的Palette库，用于从图像中提取关键颜色，统一应用UI风格。内容包括Palette的使用步骤、获取不同色调的颜色、Swatch对象的API及其在实战中的应用，展示了如何根据图片颜色动态改变状态栏、Toolbar和Tablayout的背景色。
摘要由CSDN通过智能技术生成

什么是Palette

Palette的意思是调色板，它的作用是从图像中提取出突出的颜色，这样我们可以将提取出来的颜色赋给状态栏、Toolbar、标题栏等，使得整个界面看起来色调统一，UI风格更加美观和融洽。

看下效果：

可以看到，下面的6个条块的颜色是从图片中提取出来的，Palette可以提取的颜色有:

  • VibrantColor(有活力的颜色)
  • LightVibrantColor（有活力的 亮色）
  • DarkVibrantColor（有活力的 暗色）
  • MutedColor（柔和的颜色）
  • LightMutedColor（柔和的 亮色）
  • DarkMutedColor（柔和的 暗色）

如何使用Palette提取颜色

1.导入依赖
compile 'com.android.support:palette-v7:26.0.0-alpha1'
了解本专栏 订阅专栏 解锁全文
ChayChan
关注
专栏目录
订阅专栏
android palette组件用法,Android--Palette基本使用
weixin_28972355的博客
05-26 450
Palette是一个类似调色板的工具类，根据传入的bitmap，提取出主体颜色，使得图片和颜色更加搭配，界面更协调。Palette 可以从一张图片中提取颜色，我们可以把提取的颜色融入到App UI中，可以使UI风格更加美观融洽。比如，我们可以从图片中提取颜色设置给ActionBar做背景颜色，这样ActionBar的颜色就会随着显示图片的变化而变化。Palette可以提取的颜色如下:● Vibra...
Material Design整理（七）——Palette调色板
jiashuai94的博客
09-01 886
简介Palette的意思是调色板，它的作用是从图像中提取出突出的颜色，这样就可以将提取出来的颜色赋给状态栏、Toolbar、标题栏等，使得整个界面看起来色调统一，UI风格更加美观和融洽。看上方效果图：可以看到，下面的6个条块的颜色是从图片中提取出来的，Palette可以提取的颜色有: VibrantColor(有活力的颜色) LightVibrantColor（有活力的 亮色） DarkVibran
WPF MaterialDesign 颜色选择器自定义模板颜色
最新发布
qq_44217121的博客
07-31 295
最后注意一点:若想要控件颜色随选择变化，不能给控件设置固定颜色，并且得使用属性Mode="PrimaryDark"或者materialDesign:ColorZoneAssist.Mode。这两个属性有三个可变化的值皆是Primary***。控件能使用哪个用哪个。也可根据该UI的Demo查看详情。首先得确保程序UI使用的是MaterialDesign。
Material Deisgn调色板
weixin_30817749的博客
12-26 133
原文链接：http://stormzhang.com/design/2014/12/26/material-design-palette/ Material Design出来一段时间了，身为Android开发人员想要自己适配一套Material Design，但是又苦于缺少设计方面的知识与理解，怎么办呢？今天就来介绍一个最简单的适配Material Design的工具。 Materia...
MaterialDesign之学一波Palette
weixin_34138056的博客
05-21 119
一、简述 Palette，直译为调色板，是v7.graphics包中提供的一个工具类，顾名思义，它可以对一张图片进行色彩分析，开发者可以通过调用Palette提供的方法获取图片中的主题色值等，这为动态获取图片色值的开发需求提供了方便。 二、使用 依赖 compile 'com.android.support:palette-v7:25.0.0'复制代码Palette提供了2类方法，其中包括2个fr...
Material Design调色板
Pioneer_Chang的博客
09-18 685
最简单的适配Material Design的工具Material Palettehttp://stormzhang.com/design/2014/12/26/material-design-palette/
9 款你必须知道的 Material Design 调色板
xyxabcdiy的博客
02-19 1726
转载请注明原文地址：http://www.xiaomantou.net/#/editor?articleID=56c56d651ad9073a1acf748b在 Material Design 中最显著的特点就是经常使用大胆且充满活力的颜色。Material Design 的颜色参考中将它们的颜色风格描述为 “大胆的色调、柔和的环境、身影效果以及鲜明的亮点的综合体”（inspired by bold
Material Design：Palette
Java技术博客，不再更新Android内容
08-01 461
介绍Palette可以提取图片的颜色，我们可以把这些颜色赋给文字，让文字跟随图片的颜色，而不是固定的白色。android.support.v7.graphics.Palette 名词解释： Swatch： 样品 Vibrant:有活力的； Dark:暗淡的； Muted:温和的； Light:明亮的； Dominant：主要的 步骤 获取 Bitmap 由bitma
材料设计调色板「Material Design Palette」-crx插件
03-09
Material Design Palette是一个易于使用的扩展，您可以在CSS / jQuery选择器中选择HTML元素或类型，并且可以使用嵌入的材质设计颜色（调色板）实时更改其文本，背景和边框颜色， 。 经过一些更改后，您可以复制生成...
简单的材料设计调色板「Simple Material Design Palette」-crx插件
03-09
谷歌的材料设计颜色没有废话的调色板 Google的材质设计颜色的一个没有废话的调色板，您可以在浏览器中访问，而无需离开标签，甚至离线。 提供十六进制，RGB和RGBA颜色模型。 叉在Github上：...
material design 色板
11-05
google发布的material design 的参考色板。有ps 和ai两个版本
一个MaterialDesign颜色浏览器和选择器
08-09
一个Material Design颜色浏览器和选择器。支持HEX, RGB和HSL 格式
material-color：基于Google的Material Design的调色板，用于您的项目
02-04
1. **全面的颜色集**：Material Design调色板包含500多种颜色，每种颜色都有5个不同的饱和度级别（50、100、200、300、400、500、600、700、800、900），以及A100、A200、A400和A700的透明度版本，为设计师和开发者...
材料设计颜色调色板-点击复制。「Material Design Color Palette - Click to Copy」-crx插件
03-09
Google Chrome浏览器扩展程序，可立即为Google的Material design调色板提供颜色代码。 单击以复制多种格式：＃HEX，HEX，RGB（），RGBA（），HSL（）和HSLA（）。 无需再浏览Material文档来查找单个十六进制代码。 ...
Palette调色板
Jarry的博客
02-17 838
一、什么是Palette 1.Palette：可以在一张图片里面分析出一些色彩特性：主色调、鲜艳的颜色、柔和颜色等等……比如： 引入v7里面的一个单独项目Palette： android.support.v7.graphics.Palette;二、使用BitmapDrawable drawable = (BitmapDrawable) iv.getDrawable(); Bit
调色板 palette 详解
m0_61105636的博客
08-21 3449
#include #include #include #include using namespace std; int main(){ /字符数组掌握：strlen,strcat,strcpy,strstr,strcmp/ char c[100]="ZIFUshuzu1",c1[100]="give me five";//字符数组 //gets(c);//读入一整行直到换行 //cin>>c;//当没有空格 //1.长度 strlen int len_c=strlen(c);; cout&l
Material Design设计之Palette调色板
菜鸟闯天下的专栏
10-28 2575
Material Design设计之Palette调色板 　　Palette的作用是从图像中提取突出的颜色，这样我们可以根据提取到的色值把它赋给Toolbar，标题，状态栏等，可以使我们的整个界面色调统一，效果非常好看。 Palette介绍 可以提取的颜色有如下几种： Vibrant （有活力的） Vibrant dark（有活力的 暗色） Vibrant light（有活
Material Design系列之Palette详解
帅绝天下的博客
06-02 2302
Material Design系列之Palette详解 官方文档链接(自备梯子) Palette:可以在一张图片里面分析出一些色彩特性：主色调、鲜艳的颜色、柔和颜色等 palette可以从图像中提取的颜色： Vibrant (鲜艳的) Vibrant Dark (鲜艳的暗) Vibrant Light (鲜艳的亮) Muted (柔和的) Muted Dark (柔和的暗) Muted ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值