Flex – 改變 DividedBox 的 icon 及提供 Double Click 縮合功能

在 Flex 中 HDividedBox 及 VDividedBox 提供了讓使用者可以自由調整切割視窗的大小，但並不提供 Double Click 的功能.故如需此功能則需 extends DividedBox，在此提供另一種作法.

1. 加入下面的程式碼

                hdividedBox.getDividerAt(0).toolTip = "Double click to hide criteria.";
                hdividedBox.getDividerAt(0).doubleClickEnabled = true;
                hdividedBox.getDividerAt(0).addEventListener(MouseEvent.DOUBLE_CLICK, doubleClickHandler);

            protected function doubleClickHandler(event:MouseEvent):void
            {
                if (hdividedBox.getDividerAt(0).x <= 50) {
                    criteriaNav.minWidth = 360;
                    criteriaNav.maxWidth = 360;
                    hdividedBox.moveDivider(0, 360);
                    hdividedBox.setStyle("dividerSkin", rightImg);
                    hdividedBox.getDividerAt(0).toolTip = "Double click to hide criteria.";
                }
                else {
                    criteriaNav.minWidth = 0;
                    criteriaNav.maxWidth = 0;
                    hdividedBox.moveDivider(0, -360);
                    hdividedBox.setStyle("dividerSkin", leftImg);
                    hdividedBox.getDividerAt(0).toolTip = "Double click to show criteria.";
                }
                hdividedBox.validateDisplayList();
            }

當完成上面的程式碼後，即可在您使用的 DividedBox 上的改變分割線上的 icon 及提供 Double Click 的功能.