Flex4与自定义布局有什么关系

这篇文章将为大家详细讲解有关Flex4与自定义布局有什么关系，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

10多年的高安网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。网络营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整高安建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“高安网站设计”,“高安网站推广”以来，每个客户项目都认真落实执行。

Flex4与自定义布局

如果您还不熟悉Flex4的***功能，那么有些内容肯定是您想要了解的。Flex4/Spark组件架构的新功能之一是可以定制一个容器的布局而不必改变容器本身。您需要做的就是定义一个自定义布局。

Flex4/Spark架构中的容器并不控制它们自己的布局。相反，每种容器具有一个布局属性，用于确定如何在屏幕上设置子元素的布局。可以使用一个单独的Group容器，并赋予其一个垂直布局、水平布局或平铺布局，这取决于您将如何创建它。
代码很简单，如下所示：

不过真正的好处在于您不必局限于框架中定义的默认布局。您可以轻松定制BaseLayout类来实现自己定制的布局逻辑。下面是一个简单的例子，显示了如何实现一个在原点周围顺时针放置组件的布局。只要单击左下方的按钮就可以将更多按钮添加到布局。

下面是主应用程序文件的代码。可以看到，代码相当简单。这就是一个DataGroup，有点像一个重复程序（repeater），它包含一组按钮。这个容器的布局基于一个自定义布局实现。在creationComplete中，填充DataGroup的数据提供程序，从而在布局中创建按钮实例。

可以看到，DataGroup实例的布局受CircularLayout类控制（该类如下所示）。该类只是循环遍历datagroup对象的子对象并将它们按顺时针方向放在一个圆圈内。我查看了VerticalLayout类的源代码，弄清了它的工作方式，并由此开始构建自己的布局实现。

package  {  importmx.core.ILayoutElement;   importspark.layouts.supportClasses.LayoutBase;   publicclassCircularLayoutextendsLayoutBase  {  overridepublicfunctionupdateDisplayList(w:Number,h:Number):void  {  super.updateDisplayList(w,h);   if(!target)  return;   varlayoutElement:ILayoutElement;  varcount:uint=target.numElements;   varangle:Number=360/count;  varradius:Number=Math.min(target.width/2,target.height/2)-25;   varw2:Number=target.width/2;  varh3:Number=target.height/2;   for(vari:int=0;i             

这个示例中使用的项目渲染器实际上是最基本的。它是一个只包含一个按钮的ItemRenderer实例，简单明了并且很容易看到产生的结果。

关于“Flex4与自定义布局有什么关系”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。