Setting a default skin for a custom component in Flex 4

Question

How do you set the default value of skinClass for a custom component in Flex? I've extended the DropDownList with my custom component, but I would like to specify a default skin to go with it instead of always setting the skinClass value for each instance.

Answer 1

You can use css to apply a skin to a component class like so:

@namespace component "com.domain.project.view.component.*";

component|CustomComponent {
    skin-class: ClassReference("com.domain.project.view.skin.CustomSkin");
}

Or if you want it within your component code, you can set the style in the constructor:

public function CustomComponent()
{
  super();
  setStyle("skinClass", CustomSkin);
}