[flexcoders] Drawing on skinned component

[civilu007]

Hello,

I'm trying to draw something on a component skinned using a Flash
skin, but nothing is drawn (or better said, I don't see anything
because the drawing is done beneath the skin).

My code looks something like

public class TestButton extends Button
{
  public function TestButton()
  {
    super();
  }

  override protected function updateDisplayList(w:Number, h:Number):void
  {
    super.updateDisplayList(w, h);
                
    var g:Graphics = graphics;
    
    g.moveTo(0, unscaledHeight / 2);
    g.lineStyle(1, 0x000000);
    g.lineTo(unscaledWidth, unscaledHeight / 2);
  }
}

I have tried using a Sprite as the topmost child and drawing on it,
but apparently there's always something above my Sprite and I still
can't see what I draw.

I've googled and searched the group archives for a similar problem,
but either I'm not using the right search terms or nobody had such a
problem before because I can't seem to find anything of help.

So, does anybody have some pointers as to what might one do to draw on
such a component?

Thank you!