這篇文章將為大家詳細(xì)講解有關(guān)Flex4與自定義布局有什么關(guān)系，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

10多年的高安網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。網(wǎng)絡(luò)營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整高安建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“高安網(wǎng)站設(shè)計(jì)”,“高安網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

Flex4與自定義布局

如果您還不熟悉Flex4的***功能，那么有些內(nèi)容肯定是您想要了解的。Flex4/Spark組件架構(gòu)的新功能之一是可以定制一個(gè)容器的布局而不必改變?nèi)萜鞅旧?。您需要做的就是定義一個(gè)自定義布局。

Flex4/Spark架構(gòu)中的容器并不控制它們自己的布局。相反，每種容器具有一個(gè)布局屬性，用于確定如何在屏幕上設(shè)置子元素的布局?？梢允褂靡粋€(gè)單獨(dú)的Group容器，并賦予其一個(gè)垂直布局、水平布局或平鋪布局，這取決于您將如何創(chuàng)建它。
代碼很簡(jiǎn)單，如下所示：

不過真正的好處在于您不必局限于框架中定義的默認(rèn)布局。您可以輕松定制BaseLayout類來實(shí)現(xiàn)自己定制的布局邏輯。下面是一個(gè)簡(jiǎn)單的例子，顯示了如何實(shí)現(xiàn)一個(gè)在原點(diǎn)周圍順時(shí)針放置組件的布局。只要單擊左下方的按鈕就可以將更多按鈕添加到布局。

下面是主應(yīng)用程序文件的代碼。可以看到，代碼相當(dāng)簡(jiǎn)單。這就是一個(gè)DataGroup，有點(diǎn)像一個(gè)重復(fù)程序（repeater），它包含一組按鈕。這個(gè)容器的布局基于一個(gè)自定義布局實(shí)現(xiàn)。在creationComplete中，填充DataGroup的數(shù)據(jù)提供程序，從而在布局中創(chuàng)建按鈕實(shí)例。

可以看到，DataGroup實(shí)例的布局受CircularLayout類控制（該類如下所示）。該類只是循環(huán)遍歷datagroup對(duì)象的子對(duì)象并將它們按順時(shí)針方向放在一個(gè)圓圈內(nèi)。我查看了VerticalLayout類的源代碼，弄清了它的工作方式，并由此開始構(gòu)建自己的布局實(shí)現(xiàn)。

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             

這個(gè)示例中使用的項(xiàng)目渲染器實(shí)際上是最基本的。它是一個(gè)只包含一個(gè)按鈕的ItemRenderer實(shí)例，簡(jiǎn)單明了并且很容易看到產(chǎn)生的結(jié)果。

關(guān)于“Flex4與自定義布局有什么關(guān)系”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。