Scaling then rotating a rectangle drawable

问题

I would like to scale a rectangle drawable downwards, then rotate it so once it is clipped by the view it resembles a trapezoid with the left side slanted:

The rotation is working fine:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item >
    <rotate
        android:fromDegrees="-19.5"
        android:toDegrees="-19.5"
        android:pivotX="0%"
        android:pivotY="0%"
         >
        <shape
            android:shape="rectangle" >                
            <solid
                android:color="@android:color/black" />
        </shape>
    </rotate>
</item>
</layer-list>

However to prevent a big gap where the rectangle has rotated away from the bottom of the view I want to scale vertically by 200% before the rotation happens. I was hoping that I could do something like this:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item >
    <scale 
        android:scaleWidth="100%"
        android:scaleHeight="200%"
        android:scaleGravity="top"
        >
        <rotate
            android:fromDegrees="-19.5"
            android:toDegrees="-19.5"
            android:pivotX="0%"
            android:pivotY="0%"
             >
            <shape
                android:shape="rectangle" >                
                <solid
                    android:color="@android:color/black" />
            </shape>
        </rotate>
    </scale>
</item>
</layer-list>

but this just causes the rectangle to disappear. Does anyone know how best to achieve this?

回答1:

No really a true answer but I solution that I am using now is to create a custom Drawable that draws the shape:

public void setColor(int color) {
    _color = color;
}

@Override
public void draw(Canvas canvas) {
    int width = this.getBounds().width();
    int height = this.getBounds().height();
    double angle = 19.5 * (Math.PI / 180.0);
    double offsetX = height * Math.tan(angle);

    Path path = new Path();
    Paint paint = new Paint();
    path.moveTo(0, 0);
    path.lineTo(width, 0);
    path.lineTo(width, height);
    path.lineTo((int)offsetX, height);
    path.close();

    paint.setColor(_color);
    paint.setStyle(Paint.Style.FILL);
    canvas.drawPath(path, paint);
}

This does the job for now, although it is frustrating that I cannot find a way to do this in the xml.

来源：https://stackoverflow.com/questions/23788954/scaling-then-rotating-a-rectangle-drawable