Flex创建和使用自定义组件

  本次的学习笔记以本地话的DateInput组件为例说明如何创建和使用自定义组件。　　首先做个简单的说明，自定义组件要包含在容器中，容器只能是Canvas、HBox、Panel、VBox四种容器中，换句话说你定义组件的mxml文件的顶级XML元素必须是这四个的其中一个。如果在你的自定义组件里需要额外的属性设定，那么在自定义组件里的Script标签里根据需要定义变量即可，例如：var dateInputLength;，那么我们在使用组件的时候就可以用dateInputLength=""来设定这个属性。好，让我们开始。
　　建立一个文件起名MyDate.mxml，代码如下：
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.macromedia.com/2003/mxml">
  <mx:Script>
  <![CDATA[
  var month:Array = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
  function formatDate(date:Date):String
  {
    return date.getFullYear() + "-" + ( date.getMonth() + 1 ) + "-" + date.getDate();
  }
  ]]>
  </mx:Script>
  <mx:DateField m dateFormatter="formatDate" width="{width}" />
</mx:VBox>
由于这里我不需要使用任何额外的属性，所以不需要定义其他的变量，自定义组件就做好了。
　　我们来使用它，使用它的页面和原来没什么太大的区别，只需要注意几个地方即可。
<mx:Application width="100%" xmlns:mx="http://www.macromedia.com/2003/mxml" xmlns="*">注意红字部分，这是和以前不一样的地方。
<MyDate width="180"/>这样就可以使用刚才我们定义的组件了。注意，元素开头没有mx:，另外元素的名字必须和文件名称一样。

[文章热度:]

---

上一页：Flex 页面数据共享

下一页：Flex动态加载自定义组件