Android通过Palette来动态决定UI色彩风格

转载地址:http://blog.csdn.net/ljx19900116/article/details/41806863

Android Training:https://developer.android.com/training/material/drawables.html

前言

动态色彩

根据图片来决定标题的颜色和标题栏的背景色,这样视觉上更具有冲击力和新鲜感,而不像统一色调那样呆板。


大家想知道这个效果如何实现的吗?

学习Palette轻轻松松搞定此效果哦~!

Palette是什么?

它能让你从图像中提取突出的颜色。这个类能提取以下突出的颜色:

Vibrant(充满活力的)

Vibrant dark(充满活力的黑)

Vibrant light(充满活力的亮)

Muted(柔和的)

Muted dark(柔和的黑)

Muted lighr(柔和的亮)

如何使用?

要提取这些颜色,在你加载图片的后台线程中传递一个位图对象给Palette.generate()静态方法。如果你不适用线程,则调用Palette.generateAsync()方法并且提供一个监听器去替代。

你可以在Palette类中使用getter方法来从检索突出的颜色,比如Palette.getVibrantColor。


如果是Android Studio 要在你的项目中使用Palette类,增加下面的Gradle依赖到你的程序的模块(module)中:

[java]  view plain copy
  1. dependencies {  
  2.     ...  
  3.     compile 'com.android.support:palette-v7:21.0.+'  
  4. }  


如果是Eclipse首先我们找到sdk/extras/android/support/v7/palette/libs/android-support-v7-palette.jar导入我们的工程。

然后使用generateAsync方法传入当前图片的bitmap,在传入一个监听,在监听里面我们拿到图片上颜色充满活力的颜色,最后设置标题背景和字体的颜色,代码如下:

[java]  view plain copy
  1. Palette.generateAsync(bitmap,  
  2.         new Palette.PaletteAsyncListener() {  
  3.     @Override  
  4.     public void onGenerated(Palette palette) {  
  5.          Palette.Swatch vibrant =  
  6.                  palette.getVibrantSwatch();  
  7.           if (swatch != null) {  
  8.               // If we have a vibrant color  
  9.               // update the title TextView  
  10.               titleView.setBackgroundColor(  
  11.                   vibrant.getRgb());  
  12.               titleView.setTextColor(  
  13.                   vibrant.getTitleTextColor());  
  14.           }  
  15.     }  
  16. }); 

转载地址:http://blog.csdn.net/ljx19900116/article/details/41806863

Android Training:https://developer.android.com/training/material/drawables.html

前言

动态色彩

根据图片来决定标题的颜色和标题栏的背景色,这样视觉上更具有冲击力和新鲜感,而不像统一色调那样呆板。


大家想知道这个效果如何实现的吗?

学习Palette轻轻松松搞定此效果哦~!

Palette是什么?

它能让你从图像中提取突出的颜色。这个类能提取以下突出的颜色:

Vibrant(充满活力的)

Vibrant dark(充满活力的黑)

Vibrant light(充满活力的亮)

Muted(柔和的)

Muted dark(柔和的黑)

Muted lighr(柔和的亮)

如何使用?

要提取这些颜色,在你加载图片的后台线程中传递一个位图对象给Palette.generate()静态方法。如果你不适用线程,则调用Palette.generateAsync()方法并且提供一个监听器去替代。

你可以在Palette类中使用getter方法来从检索突出的颜色,比如Palette.getVibrantColor。


如果是Android Studio 要在你的项目中使用Palette类,增加下面的Gradle依赖到你的程序的模块(module)中:

[java]  view plain copy
  1. dependencies {  
  2.     ...  
  3.     compile 'com.android.support:palette-v7:21.0.+'  
  4. }  


如果是Eclipse首先我们找到sdk/extras/android/support/v7/palette/libs/android-support-v7-palette.jar导入我们的工程。

然后使用generateAsync方法传入当前图片的bitmap,在传入一个监听,在监听里面我们拿到图片上颜色充满活力的颜色,最后设置标题背景和字体的颜色,代码如下:

[java]  view plain copy
  1. Palette.generateAsync(bitmap,  
  2.         new Palette.PaletteAsyncListener() {  
  3.     @Override  
  4.     public void onGenerated(Palette palette) {  
  5.          Palette.Swatch vibrant =  
  6.                  palette.getVibrantSwatch();  
  7.           if (swatch != null) {  
  8.               // If we have a vibrant color  
  9.               // update the title TextView  
  10.               titleView.setBackgroundColor(  
  11.                   vibrant.getRgb());  
  12.               titleView.setTextColor(  
  13.                   vibrant.getTitleTextColor());  
  14.           }  
  15.     }  
  16. }); 

猜你喜欢

转载自blog.csdn.net/zhangweiwtmdbf/article/details/45038619
今日推荐