关闭

[置顶] Android之Palette动态决定UI色彩风格

390人阅读 评论(1) 收藏 举报
分类:


            

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


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

学习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 plaincopy
  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 plaincopy
  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. }); 

0
0
查看评论

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

转载地址:http://blog.csdn.net/ljx19900116/article/details/41806863 前言 动态色彩 根据图片来决定标题的颜色和标题栏的背景色,这样视觉上更具有冲击力和新鲜感,而不像统一色调那样呆板。 大家想知道这个效果如何实现的吗? 学习Palett...
  • zhangweiwtmdbf
  • zhangweiwtmdbf
  • 2015-04-14 10:37
  • 12322

Android5.0通过Palette来动态决定UI色彩风格

http://www.cnblogs.com/wansho/p/5104327.html
  • yuan15800904094
  • yuan15800904094
  • 2016-04-12 21:42
  • 236

页面风格设定参考——色彩及其效

色彩常识 >>色彩为第一视觉语言,具有影响人民心理,唤起人们感情的作用,左右我门的感情和行动。 1、可以传达意念,表达某种确切的含义,如交通灯上的红色表示停止,绿色表示放行的意念,已成为全世界所了解和承认的一种视觉语言。 2、色彩有明显的影响情绪的作用。不同的色彩可以表...
  • tigerdsh
  • tigerdsh
  • 2013-05-17 21:39
  • 785

修改setting的ui风格

修改Setting的风格
  • kingyc123456789
  • kingyc123456789
  • 2016-08-26 11:51
  • 186

使用Palette来对图片进行颜色提取

使用Palette来对图片进行颜色提取Palette是Google在5.0中引入的来获取bitmap颜色值的一个工具类,为了兼容以前的版本,所以放在Support v7 Library中,在使用该类之前,需要在gradle中添加引用compile 'com.android.support:p...
  • u014697083
  • u014697083
  • 2017-04-27 14:32
  • 566

Android 走向MD的配色风格

这是一些google官方推出的推荐色值
  • qq_16618813
  • qq_16618813
  • 2016-01-05 11:42
  • 7628

Android学习之 UI--Metro风格

Android 仿Windows Metro 界面UI - Android移动开发技术文章_手机开发 - 红黑联盟Android中View(视图)绘制不同状态背景图片原理深入分析以及StateListDrawable使用详解 - qinjuning、lets go - 博客频道 - CSDN.NET...
  • abidepan
  • abidepan
  • 2014-12-10 20:28
  • 2538

Android_Palette抽取Bitmap颜色

原文链接 : Extracting Colors to a Palette with Android Lollipop原文作者 : Brian Gardner译文出自 : 开发技术前线 www.devtf.cn。未经允许,不得转载!译者 : Desmond11...
  • strawberry2013
  • strawberry2013
  • 2015-09-01 11:20
  • 1997

android Palette使用详解

Palette是一个可以从图片(Bitmap)中提取颜色的帮助类,可以使UI更加美观,根据图片动态的显示相应的颜色。
  • xiaochuanding
  • xiaochuanding
  • 2017-06-10 13:44
  • 2611

android Material Design风格自定义控件

随着安卓的不断升级,有些控件越来越具有美观,比如说安卓5.0的按钮效果,等等,有一些情况下,我们需要在低版本上实现这种效果,所以就在网上找来啦一些封装好的控件,使用也比较简单。本篇摘自:点击访问原作者文章效果图:使用方法:添加依赖:compile 'net.qiujuer.genius:ui...
  • fan7983377
  • fan7983377
  • 2016-06-03 13:35
  • 1242
    个人资料
    • 访问:288952次
    • 积分:4465
    • 等级:
    • 排名:第7963名
    • 原创:180篇
    • 转载:66篇
    • 译文:0篇
    • 评论:66条
    博客专栏
    文章分类
    最新评论