ripple水波纹 和 Palette调色板 了解

作者: 木木仨儿 | 来源:发表于2017-03-14 09:38 被阅读139次

ripple 水波纹

5.0之后按钮会自带水波纹效果,但是颜色是固定的。而且如果给按钮设置了背景后,水波纹效果就没了
如何给按钮添加自己想要的背景,还要有水波纹效果,还要能够定义水波纹颜色呢?
首先创建正常的背景xml文件:

此处输入图片的描述此处输入图片的描述

然后在res下创建drawable-v21,在里面创建相同的xml文件,然后修改内容如下,添加ripple节点。

ripple节点只能在5.0以后使用,所以需要在drawable-v21里面定义

此处输入图片的描述此处输入图片的描述
此处输入图片的描述此处输入图片的描述

最终效果图:

此处输入图片的描述此处输入图片的描述
  • 第一个按钮是添加了水波纹并且自定义颜色后的
  • 第二个是普通定义背景颜色的(此时没有水波纹效果)
  • 第三个是默认的没有添加背景的,会自动添加默认效果

也可以使用系统提供的背景(两种效果,第一种有边界,第二种没有):

android:background="?android:attr/selectableItemBackground"  
// 波纹超出边界  
android:background="?android:attr/selectableItemBackgroundBorderless"  

Palette 调色板

可以从图片当中提取颜色,先记录下使用方法:

 // 根据上一个界面传入的图片资源 ID,获取图片的 Bitmap 对象。
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), mImgs[position]);
// 创建一个 Pallette 对象
Palette palette = Palette.from(bitmap).generate();
// 提取对应颜色
int color = palette.getVibrantColor(ContextCompat.getColor(this, android.R.color.darker_gray));

可以获取的颜色分类:

  • Vibrant (有活力的)
  • Vibrant dark(有活力的 暗色)
  • Vibrant light(有活力的 亮色)
  • Muted (柔和的)
  • Muted dark(柔和的 暗色)
  • Muted light(柔和的 亮色)

效果如下:


此处输入图片的描述此处输入图片的描述

更多文章欢迎访问我的博客:https://leonhua.github.io/

相关文章

  • ripple水波纹 和 Palette调色板 了解

    ripple 水波纹 5.0之后按钮会自带水波纹效果,但是颜色是固定的。而且如果给按钮设置了背景后,水波纹效果就没...

  • 主题颜色提取 ——— Palette

    Palette 调色板 Palette 是 Android L SDK 中的新特性。可以使用 Palette 从图...

  • Android Palette实现原理

    Palette介绍和用法 Palette是调色板,可以用来获取一张Bitmap的主色调,使用方式如下: 其中max...

  • Material design - Style

    Color - 颜色 Color palette - 调色板 Material takes cues from c...

  • Android水波纹点击效果

    Android API 21及以上新增了ripple标签用来实现水波纹的效果。我们可以通过设置ripple背景来实...

  • Palette(调色板)

    利用Palette库来取得图片中的主要色彩 使用这个Android的开源库android-support-v7-p...

  • Palette

    Palette 单词本意是调色板的意思,所以在Android中Palette肯定会与颜色有关,它在作用是根据当前图...

  • python-seaborn

    导入相关库 主题颜色 color_palette 调色板 折线图 盒图

  • Palette

    今天听了一首歌叫《Palette》,单曲循环到现在。 Palette是调色板之意,歌词像写给IU25岁的她自...

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

    什么是Palette Palette的意思是调色板,它的作用是从图像中提取出突出的颜色,这样我们可以将提取出来的颜...

网友评论

    本文标题:ripple水波纹 和 Palette调色板 了解

    本文链接:https://www.haomeiwen.com/subject/ltucnttx.html