在调度中绘制Android ViewGroup子代颜色绘制

我有一个ViewGroup（特别是一个FrameLayout），它应该有一个流体填充效果，我用一个可以很好地显示子视图的路径进行动画处理。在调度中绘制Android ViewGroup子代颜色绘制

问题是，在液体填充线以上，我需要显示两个颜色的视图颠倒的孩子。（黑色< - >白色）我看不到一种方法来实现这一点，而不是简单地遍历位图，该位图提供了大量别名的非常差的副本，并呈现得太慢。

这里是我当前的功能在dispatchDraw一个归结版本：

@Override 
protected void dispatchDraw(Canvas canvas) 
{ 
    filter.setXfermode(null); 
    if (subBitmap == null || mLastWidth != mWidth) { 
     subBitmap = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888); 
     subCanvas = new Canvas(subBitmap); 
    } 
    super.dispatchDraw(subCanvas); 
    if (mLiquidPaint == null || mLiquidPath == null || waveOval.size() == 0 || bitmapPixels == null || !mLiquidAnimator.isRunning()) { 
     canvas.drawBitmap(subBitmap, 0, 0, filter); 
     return; 
    } 

    if (revealBitmap == null || mLastWidth != mWidth) { 
     revealBitmap = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888); 
     revealCanvas = new Canvas(revealBitmap); 
    } 
    if (mLastWidth != mWidth) { 
     calculateLiquid(); 
     mLastWidth = mWidth; 
    } 
    int yOffset = mFillOffset; 
    int xOffset = ellipseWidth * -1; 
    PointF firstPoint = new PointF(); 
    PointF lastPoint = new PointF(); 
    PointF nextPoint = new PointF(); 
    Pair<Integer, Float> nextWavePoint = wavePoints.get(0); 
    PointF ovalPoint = waveOval.get((nextWavePoint.first + mWaveOffset) % waveOval.size()); 
    lastPoint.set(xOffset + nextWavePoint.second + ovalPoint.x, yOffset + ovalPoint.y); 
    mLiquidPath.moveTo(lastPoint.x, lastPoint.y); 
    firstPoint.set(lastPoint); 
    for (int i = 1; i < wavePoints.size(); i++) { 
     nextWavePoint = wavePoints.get(i); 
     ovalPoint = waveOval.get((nextWavePoint.first + mWaveOffset) % waveOval.size()); 
     nextPoint.set(xOffset + nextWavePoint.second + ovalPoint.x, ovalPoint.y + yOffset); 
     mLiquidPath.lineTo(nextPoint.x, nextPoint.y); 
     lastPoint.set(nextPoint); 
    } 
    mLiquidPath.lineTo(getWidth(), lastPoint.y); 
    mLiquidPath.lineTo(getWidth(), getHeight()); 
    mLiquidPath.lineTo(0, getHeight()); 
    mLiquidPath.lineTo(firstPoint.x, firstPoint.y); 

    //This definitely draws a nice liquid path that fills from the bottom up. 
    revealCanvas.drawPath(mLiquidPath, mLiquidPaint); 
    //The next two lines successfully reveal the views underneath 
    filter.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_ATOP)); 
    revealCanvas.drawBitmap(subBitmap, 0, 0, filter); 

    filter.setXfermode(null); 
    filter.setColorFilter(null); 
    canvas.drawBitmap(revealBitmap, 0, 0, filter); 
}

我已经尝试了不同的ColorFilters和转让模式无数无济于事。孩子们不能让背景透明，我可以做更简单的颜色替换。

来源

2015-10-19 gtcompscientist

终于想出用ColorMatrixColorFilter概述如下：

两种颜色color1和color2你交换它们具有以下ColorMatrix：

float[] colorSwapMatrix = new float[] { 
    -1, 0, 0, 0, Color.red(color1) + Color.red(color2), //Red 
    0, -1, 0, 0, Color.green(color1) + Color.green(color2),//Green 
    0, 0, -1, 0, Color.blue(color1) + Color.blue(color2), //Blue 
    0, 0, 0, 1f, 0           //Alpha 
}

这是借鉴上述的波路径后应用如下：

//Draw the swapped image above the wave 
    filter.setColorFilter(new ColorMatrixColorFilter(colorSwapMatrix)); 
    filter.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT)); 
    revealCanvas.drawBitmap(subBitmap, 0, 0, filter); 

    //Draw the regular image below the wave 
    filter.setColorFilter(null); 
    filter.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_ATOP)); 
    revealCanvas.drawBitmap(subBitmap, 0, 0, filter); 

    //Draw the combined image onto the canvas 
    filter.setXfermode(null); 
    filter.setColorFilter(null); 
    canvas.drawBitmap(revealBitmap, 0, 0, filter);

来源

2015-10-20 15:33:20 gtcompscientist

在调度中绘制Android ViewGroup子代颜色绘制

回答

相关问题