主题颜色提取 ——— Palette

duduwa21 7年前
   <h2>Palette</h2>    <p>调色板 Palette 是 Android L SDK 中的新特性。可以使用 Palette 从图像中提取出突出的颜色(主色调),获取到颜色之后我们再将这个颜色值赋给 ActionBar、状态栏等。从而达到界面色调的统一,使界面美观协调。</p>    <p>Palette 可以提取图片中如下几种特性的颜色:</p>    <ul>     <li>Vibrant (有活力的)</li>     <li>Vibrant dark(有活力的 暗色调)</li>     <li>Vibrant light(有活力的 明亮)</li>     <li>Muted (柔和的)</li>     <li>Muted dark(柔和的 暗色调)</li>     <li>Muted light(柔和的 明亮)</li>    </ul>    <h2>内部嵌套类</h2>    <ul>     <li>Palette.Builder<br> 生成器类,生成 Palette 实例。</li>     <li>Palette.Filter<br> 过滤器接口,使 Palette 有更加细腻的颜色过滤</li>     <li>Palette.PaletteAsyncListener<br> 异步加载监听</li>     <li>pattle.Swatch<br> 提供获取结果的色彩样本</li>    </ul>    <h2>所有的公共方法</h2>    <table>     <thead>      <tr>       <th>返回值类型</th>       <th>方法及说明</th>      </tr>     </thead>     <tbody>      <tr>       <td>static Palette</td>       <td>from(List<Palette.Switch> switches)<br> 通过预设的 Palette.Swatch 颜色样本列表 来生成 Palette</td>      </tr>      <tr>       <td>static Palette.Builder</td>       <td>from(Bitmap bitmap)<br> 通过返回 Palette.Builder 实例来构建 Palette</td>      </tr>      <tr>       <td>static Palette</td>       <td>generate(Bitmap bitmap,int numColors)<br> 该方法已被遗弃,建议用 Palette.Builder 来生成Palette</td>      </tr>      <tr>       <td>static Palette</td>       <td>generate(Bitmap bitmap)<br> 该方法已被遗弃,建议用 Palette.Builder 来生成Palette</td>      </tr>      <tr>       <td>static AsyncTask<Bitmap,Void,Palette></td>       <td>generateAsync(Bitmap bitmap,int numColor,Palette.PaletteAsyncListener listener)<br> 该方法已被遗弃,建议用 Palette.Builder 来生成Palette</td>      </tr>      <tr>       <td>static AsyncTask<Bitmap,Void,Palette></td>       <td>generateAsync(Bitmap bitmap,Palette.PaletteAsyncListener listener)<br> 该方法已被遗弃,建议用 Palette.Builder 来生成Palette</td>      </tr>      <tr>       <td>int</td>       <td>getColorForTarget(Target target,int defaultColor)<br> 返回一个从目标获取的的 rgb 色值</td>      </tr>      <tr>       <td>int</td>       <td>getDarkMutedColor(int defaultColor)<br> 返回一个柔和的暗色调 rgb 值</td>      </tr>      <tr>       <td>Palette.Swatch</td>       <td>getDarkMutedSwatch()<br> 返回一个柔和的暗色调样本类</td>      </tr>      <tr>       <td>int</td>       <td>getDarkVibrantColor(int defaultColor)<br> 返回一个鲜明的暗色调 rgb 值</td>      </tr>      <tr>       <td>Palette.Swatch</td>       <td>getDarkVibrantSwatch()<br> 返回一个鲜明的暗色调样本类</td>      </tr>      <tr>       <td>int</td>       <td>getDomainColor(int defaultColor)<br> 返回 Palette 中的主色调 rgb值</td>      </tr>      <tr>       <td>Palette.Swatch</td>       <td>getDomainSwatch()<br> 返回一个主色调的样本类</td>      </tr>      <tr>       <td>int</td>       <td>getLightMutedColor(int defaultColor)<br> 返回一个柔和的亮色调颜色 rgb</td>      </tr>      <tr>       <td>Palette.Swatch</td>       <td>getLightMutedSwatch()<br> 返回一个柔和的亮色调样本类</td>      </tr>      <tr>       <td>int</td>       <td>getLightVibrantColor(int defaultColor)<br> 返回一个鲜明的亮色调 rgb</td>      </tr>      <tr>       <td>Palette.Swatch</td>       <td>getLightVibrantSwatch()<br> 返回一个鲜明的亮色调样本类</td>      </tr>      <tr>       <td>int</td>       <td>getMutedColor(int defaultColor)<br> 返回一个柔和的颜色 rgb</td>      </tr>      <tr>       <td>Palette.Swatch</td>       <td>getMutedSwatch()<br> 返回一个柔和的颜色样本类</td>      </tr>      <tr>       <td>Palette.Swatch</td>       <td>getSwatchForTarget(Target target)<br> 为给定的目标从 Palette 中返回一个选中样本,如果未找到则返回空</td>      </tr>      <tr>       <td>List<Palette.Swatch></td>       <td>getSwatches()<br> 获取所有用在Palette中的Swatch样本类</td>      </tr>      <tr>       <td>List<Target></td>       <td>getTargets()<br> 获取所有构造 Palette 的 Target</td>      </tr>      <tr>       <td>int</td>       <td>getVibrantColor(int defaultColor)<br> 获取一个鲜明的颜色 rgb</td>      </tr>      <tr>       <td>Palette.Swatch</td>       <td>getVibrantSwatch()<br> 获取一个鲜明的样本类</td>      </tr>     </tbody>    </table>    <h2>使用方式</h2>    <p>使用 Palette 需先引入 Palette 的 support 资源包:</p>    <pre>  <code class="language-java">compile 'com.android.support:palette-v7:25.1.0'</code></pre>    <p>加载不能在主线程中进行,加载方式有同步加载和异步加载两种:</p>    <ul>     <li>同步 <pre>  <code class="language-java">//在加载图片的后台线程中同步加载  Palette palette = Palette.from(bitmap).genrate();  .  .  .</code></pre> </li>     <li>异步</li>    </ul>    <pre>  <code class="language-java">//异步加载  Palette.from(bitmap).genrate(new PaletteAsyncListener(){    public void onGenerated(Palette p){        .        .        .    }  });</code></pre>    <h2>具体使用代码</h2>    <p>这里使用 MvpDemo 中的部分代码,跟 Glide 配合起来使用的,其他辅助类代码直接 Demo 中查看。</p>    <pre>  <code class="language-java">//这是 Glide 加载状态的监听回调  @Override  public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target,  boolean isFromMemoryCache, boolean isFirstResource) {    //获取到 Glide 加载图片的 Bitmap    final Bitmap bitmap = GlideUtils.getBitmap(resource);    //获取到24dp的长度    final int twentyFourDip = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,                    24, ZhihuStoryInfoActivity.this.getResources().getDisplayMetrics());    assert bitmap != null;    Palette.from(bitmap)            //设置构建 Palette 时使用的最大颜色数,风景景观推荐值在10-16,人脸图像色值增加到24            .maximumColorCount(3)            .clearFilters()            .setRegion(0, 0, bitmap.getWidth() - 1, twentyFourDip)            .generate(new Palette.PaletteAsyncListener() {                @Override                public void onGenerated(Palette palette) {                    boolean isDark;                    int lightness = ColorUtils.isDark(palette);                    if (lightness == ColorUtils.LIGHTNESS_UNKNOWN) {                        isDark = ColorUtils.isDark(bitmap, bitmap.getWidth() / 2, 0);                    } else {                        isDark = lightness == ColorUtils.IS_DARK;                    }                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {                        int statusBarColor = getWindow().getStatusBarColor();                        final Palette.Swatch topColor = ColorUtils.getMostPopulousSwatch(palette);                        if (topColor != null && (isDark || Build.VERSION.SDK_INT >= Build.VERSION_CODES.M)) {                            statusBarColor = ColorUtils.scrimify(topColor.getRgb(), isDark, SCRIM_ADJUSTMENT);                            if (!isDark && Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {                                ViewUtils.setLightStatusBar(mStoryImg);                            }                        }                        if (statusBarColor != getWindow().getStatusBarColor()) {                            ValueAnimator statusBarColorAnim = ValueAnimator.ofArgb(                                    getWindow().getStatusBarColor(), statusBarColor);                            statusBarColorAnim                                .addUpdateListener(new ValueAnimator                                .AnimatorUpdateListener() {                                    @Override                                    public void onAnimationUpdate(ValueAnimator animation) {                                        getWindow().setStatusBarColor((int) animation.getAnimatedValue());                                    }                                });                                    //设置转换颜色的动画时间                                    statusBarColorAnim.setDuration(1000L);                                    statusBarColorAnim.setInterpolator(                                            new AccelerateInterpolator());                                    statusBarColorAnim.start();                        }                    }                }            });  }</code></pre>    <p>  </p>   <p> </p>    <p></p>    <p>来自:http://www.jianshu.com/p/45d3940a72b1</p>    <p> </p>