Creating a drawable rectangle in xml with one gradient on the top half and another on the bottom half

Question

I'm trying to create a drawable in xml, a rectangle with one gradient on the top half, and another on the bottom half. This is NOT the way to do it, apparently: ``` ``` How can I do this, preferably in a way that makes it stretchable to any height?

Accepted Answer

If your goal is to have a gradient with a central color (starts at color A, transitions to B in the middle, then transitions to C at the end), add `android:centerColor` and `android:centerY` attributes to one of your `<shape>` elements and nuke the other. You can do the three-color gradient all in a single shape.

Creating a drawable rectangle in xml with one gradient on the top half and another on the bottom half

Solution

Problem