使用某些指定的发型图像模式在头发样式上应用滤色器的最佳方法是什么?

时间:2014-06-04 14:22:02

标签: android imageview colorfilter

我正在为发型沙龙开发一个Android应用程序。我有两个图像。一个是发型(头发),另一个是头发颜色图案。 我可以根据特定的rgb值更改发型的颜色。

我的代码如下:

int color = Color.rgb(182,132, 84); // getting rgb value 
Paint paint = new Paint();
paint.setColorFilter(new LightingColorFilter(color, 1));

transform.reset();
transform.postTranslate(-width / 2.0f, -height / 2.0f);
transform.postRotate(getDegreesFromRadians(angle));
transform.postScale(scale, scale);
transform.postTranslate(position.getX(), position.getY());

canvas.drawBitmap(bitmap, transform, paint); 

但我正在寻找的解决方案是假设我有彩色图案图像,那么就不可能从渐变图像中获取rgb值。

像:

Hair Image

HairStyle color pattern

我想在头发图像上应用上述图案。 如果有人有想法请回复。

1 个答案:

答案 0 :(得分:2)

为了好玩和好奇,我试图实现你自己的想法 准备好以下两个xxhdpi图像(480 dpi,以便使它们很好地扩展 - 然后我将它们放在/res/drawable-xxhdpi文件夹中)

当然,我必须仔细调整图像的大小以适应和重叠。

enter image description here和一头白发(你的副本,变成“发白” - 去饱和+用亮度/对比度玩)enter image description here

我做了这个布局,头发图像与头部重叠:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#f000"
    >
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@drawable/head_xxh"
    />
    <ImageView
        android:id="@+id/imgHair"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@drawable/hair_wht_xxh"
    />
    <Button
        android:id="@+id/btnColor"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:text="Random hair color"
        android:onClick="clickHandler"
    />
</RelativeLayout>

这是我使用的代码:

package com.dergolem.abc_2;

import java.util.Random;

import android.app.Activity;
import android.graphics.Color;
import android.graphics.PorterDuff;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.Button;
import android.widget.ImageView;

public class Generic
extends Activity
{
    Random rnd = new Random();

    Button btn = null;
    ImageView img = null;

    @Override
    public void onCreate(final Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);

        setContentView(R.layout.hair);

        img = (ImageView) findViewById(R.id.imgHair);
        btn = (Button) findViewById(R.id.btnColor);
    }

    public void clickHandler(final View v)
    {
        colorize(rnd.nextInt(7));
    }

    private void colorize(final int num)
    {
        int clr = Color.WHITE;
        switch (num)
        {
            case 0:
            {
                clr = Color.RED;
                break;
            }
            case 1:
            {
                clr = Color.GREEN;
                break;
            }
            case 2:
            {
                clr = Color.BLUE;
                break;
            }
            case 3:
            {
                clr = Color.BLACK;
                break;
            }
            case 4:
            {
                clr = Color.CYAN;
                break;
            }
            case 5:
            {
                clr = Color.YELLOW;
                break;
            }
            case 6:
            {
                clr = Color.parseColor("#ff888800");
                break;
            }
        }

        img.setColorFilter(clr, PorterDuff.Mode.MULTIPLY);
    }
}

我得到的一些结果:

enter image description here enter image description here enter image description here enter image description here

即使这个构图看起来像Andy Wharol的照片,也不是。这是我的。 :)
这似乎是您正在寻找的结果。

<强> [编辑]

我没有尝试这个新想法,但是(通过一些额外的工作)你甚至可以改变其他颜色:

  • 眼睛
  • 皮肤
  • 口红
  • 眼妆(这需要一些耐心)