Flex 的 Group Box

Flex 的 Group Box

 

       Flex 本身没有提供 GroupBOX控件，与GroupBOX功能比较类似的控件有：Canvas画布控件。它有一个边框，但是这个边框，默认的样式是运行时不显示的，可以将borderStyle="solid"这样设置，看起来就好GroupBOX的功能，但是却没有title，在某一方面可以代替GroupBOX的功能。

 

     http://lab.kapit.fr/display/klovis/Klovis+-+Kap+IT+Libraries

 

 

此网站提供了一个 GroupBox控件。

 

 

 

   GroupBox实际上是在Canvas的基础上加以扩展而来的，有一个 groupTitle 显示分组的标题。

标题的位置，在源中固定写死了：

 

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void { super.updateDisplayList(unscaledWidth, unscaledHeight); if (_groupTitleChanged) { _groupLabel.x = 20; _groupLabel.y = -_groupLabel.getExplicitOrMeasuredHeight()/2; _groupTitleChanged = false; } }   

控件编译后，生成 klovis-flex-ui-0.9.1.swc，文件，将这个文件加flex工作环境，就会出现相应的控件。

也可以将源码放在相应的文件夹下，也会自动出现相应的控件。