OK, I've managed to draw the line:
<s:Line width="100%" verticalCenter="0"> <s:stroke> <s:SolidColorStroke weight="8"/> </s:stroke> </s:Line>
But the line looks like it's width is 99%: there are about 4 px between the end of the line and the right edge of the container. What's going on?
This displays properly:
<mx:HRule width="100%" verticalCenter="0"/>
Looks I will have to use the old mx stuff because I can't get the spark Line working
And it fixed the problem.
Can somebody explain why the width of the line isn't compuped properly when width="100%" ?
I think you'll find it's the default padding on the container - try setting left and right padding to zero if you want to use the whole width of the container.
Hmm, The Skin component uses the BasicLayout by default and it doesn't have padding properties.