flex自定义组件

1.自已在mxml里组合

2.改皮肤

eg.<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" >


<s:Form id="myform">
<s:FormItem id="myid">
<s:HGroup>
<s:Label id="mylabel" text="自定义组件" >
</s:Label>  
<myPackage:SelfDefine myimm="" myimage="" >//这里可以用调用的类的私有属性（私有属性必须public get,set方法）                                                                         
</myPackage:SelfDefine>

</s:HGroup>
<s:FormItem>
<myPackage:SelfDefine >
</myPackage:SelfDefine>
</s:FormItem>

</s:FormItem>

</s:Form>
  </s:Application>


<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
xmlns:s="library://ns.adobe.com/flex/spark" 
xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="300">
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;

private var _myimm:String;

private var mytest:ArrayCollection;

public function get myimm():String               //get,set方法是把私有属性变公有，别的地方可以用
{
return _myimm;
}
public function set myimm(value:String):void
{
_myimm=value;

}
]]>
</fx:Script>
    <s:HGroup id="hgroup">
<s:TextInput id="tp">              //此处的tp,myimage都可以使用，因为在<script>中定义的属性都是私有的，而在此处控件定义的都相当于公有属性                                                     

</s:TextInput>
<s:Image 
id="myimage"
source="src\pic\picture.png">
</s:Image>
</s:HGroup>


</s:Group>