Can Rect rounded corners be different

Question

When I use <s:Rect> to create a rectangle, I use radiusX to get rounded corners. Problem is all are the same roundedness. Is there something similar to Rect that lets me control the radius for each corner separately? If not, what's the best way to create this from scratch? graphics library or what?

Answer 1

You might want to check out the StyledBox component here: http://carrythezero.net/blog/2009/06/01/flex-rounding-specific-corners-on-a-box/

It extends box and you can specify through CSS which corners you want rounded.

Answer 2

You can do this with a Rect by setting specific values for the topRightRadiusX, topLeftRadiusX, bottomRightRadiusX and bottomLeftRadiusX properties rather than setting radiusX.