Custom SHAPED Layout with clipping bounds

Question

Well yes, I couldn't find anything that could help me for real so far... from StackOverflow to libraries and other things...

I need a custom shaped FrameLayout that is clipping his child inside of it. The problem is that I want this shape to be really custom, for example shirt / hat / etc..

So, somehow I want to clip child of FrameLayout inside the shirt let's say. I found something related to onDraw method, but I didn't find a way of getting pathData of a vector . . .

Any clear idea about how I could sort this up ( if possible ) is welcomed !

Thank you

Answer 1

You can use clip path. Your code can look something like:

private void updatePath() {
    path = new Path();
    // Draw your special shape...
}

@Override
protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
    canvas.clipPath(path);
    return super.drawChild(canvas, child, drawingTime);
}

@Override
protected void onDraw(Canvas canvas) {
    canvas.clipPath(path);
    super.onDraw(canvas);
}