Flex clipContent 編程注意

2024-09-12 17:51:24

字體：大中小

供稿：網(wǎng)友

現(xiàn)在需要的一個(gè)這樣的方式，用鼠標(biāo)對(duì)C進(jìn)行Drag操作。使它可以在A中任意移動(dòng)，但是由于C是包含在B中，因此使用startDrag() 和 stopDrag()的時(shí)候，只能在B區(qū)域中進(jìn)行移動(dòng)，而無(wú)法超出B的邊界。
如果我們想讓C在A中移動(dòng)的話，那么就應(yīng)該使用一個(gè)叫做clipContent的屬性了。

以下是這個(gè)屬性的定義：
Whether to apply a clip mask if the positions and/or sizes of this container's children extend outside the borders of this container.

它的中文含義大致是：
如果此容器的子項(xiàng)的位置和/或大小擴(kuò)展到此容器的邊框之外，是否應(yīng)用剪裁遮罩。

clipContent值：
True：當(dāng)子項(xiàng)目的邊界超出此容器時(shí)，不顯示子項(xiàng)目在此容器中。
Flase：當(dāng)子項(xiàng)目的邊界超出此容器時(shí)，顯示子項(xiàng)目在此容器中。

clipContent是Container中的一個(gè)public propertie。因此Flex常用的一些容器類(lèi)控件：
Accordion, Box, Canvas, Form, FormItem, LayoutContainer, Panel, Tile, ViewStack 全部都可以使用這個(gè)屬性。

即我們?cè)贐中，設(shè)定clipContent = false，這樣就可以實(shí)現(xiàn)我們的要的效果了，當(dāng)C在移動(dòng)的時(shí)候，如果遇到了D，則會(huì)在D的下面，那么這是怎么回事呢？
因?yàn)樵赾oding這個(gè)結(jié)構(gòu)的時(shí)候，D的z-index就比B的高，因此C移動(dòng)的時(shí)候，會(huì)被D遮擋住（雖然C可以在A中任意位置進(jìn)行移動(dòng)）

所以我們做如下的設(shè)定：
將B的z-index，放置到D的z-index上面即可。而我們使用的方式就是：setChildIndex（這個(gè)method是很常用的，因此我就不在這里進(jìn)行復(fù)述了。）

因此如果在一個(gè)很復(fù)雜的嵌套的容器中，如果要移動(dòng)其中一個(gè)子容器在最外層容器中時(shí)，應(yīng)作如下的設(shè)定：
1、將要移動(dòng)的子容器的父容器（當(dāng)然這個(gè)父容器之上可能還會(huì)有父容器的）要在需要移動(dòng)容器中處于最上層顯示。
例如：A → B → C → D → E
F→ G → H
如果想要移動(dòng)E在A中，那么就需要B在F的上面，即使用setChildIndex來(lái)重新設(shè)定B與F的位置。
2、需要將D容器的clipContent設(shè)定為false。

以上，希望會(huì)對(duì)大家有所幫助：）

上一篇：Flex Namespace的用法

下一篇：Flex 如何得到itemRenderer里面的內(nèi)容

學(xué)習(xí)交流

如何查找有故障的配件

如何查找有故障的配件...

熱門(mén)圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注