关于VDividedBox 的扩展！

zengjd 2010-01-19 01:33:36

加精



    <mx:Script> 

        <![CDATA[ 

           private function onClick():void

           { 

               grid2.visible = false; 

               grid2.includeInLayout =false; 

           } 

       ]]> 

     </mx:Script> 

    <mx:Button id="button1" label="test" click="onClick()"/> 



    <mx:VDividedBox x="0" y="35" height="100%" width="100%">

        <UI:DataGrid id="grid1" /> 

        <UI:DataGrid  id="grid2" />                

    </mx:VDividedBox>

上面这段代码中，单击button1,可以关闭Grid2窗格。
但是我想在上下两个窗格分界处显示一个三角。单击这个三角的时候，关闭Grid2窗格。
这个怎么做啊？

...全文

442 25 打赏收藏转发到动态举报

写回复

用AI写文章

25 条回复

切换为时间正序

请发表友善的回复…

发表回复

startstartsvip 2012-04-10

打赏
举报

flex shi xia mi?

沧海叶 2011-10-31

打赏
举报

没看懂。。。。。

weifirst118 2010-03-25

打赏
举报

顶顶顶

shiliufu 2010-01-26

打赏
举报

aa8095 2010-01-24

打赏
举报

ggg

aa8095 2010-01-24

打赏
举报

vm,,bnbbn

sxthcj2000 2010-01-22

打赏
举报

谢谢分享

zengjd 2010-01-22

打赏
举报



package com.primeton.flow.ui   

{   

    import flash.events.MouseEvent;   

       

    import mx.containers.Box;   

    import mx.containers.DividedBox;   

    import mx.controls.Image;   

  

  

    public class DividerBox extends Box   

    {   

        [Embed(source='/assets/images/left.gif')]   

        public static const DividerIcon_left:Class;     

           

        [Embed(source='/assets/images/right.gif')]   

        public static const DividerIcon_right:Class;     

           

        private var image:Image = new Image();   

        private var bOpened:Boolean = true;   

           

        private var dividbox:DividedBox = null;   

           

        public function DividerBox()   

        {   

            super();   

            this.width = 10;   

            this.height = 72;   

            this.clipContent  = true;   

            image.width = 10;   

            image.height = 72;             

            this.addChild( image );   

  

            //我这个是在一个HdividedBox中，其默认对dividerbox进行了旋转，所以需要旋转回来。   

                                image.rotation = 90;   

               

            this.addEventListener(MouseEvent.CLICK,onMouseClick);   

        }   

           

        override protected function createChildren():void{   

            super.createChildren();   

            dividbox = this.parent.parent.parent as DividedBox;   

            image.source = DividerIcon_left;   

        }   

           

        public function onMouseClick(event:MouseEvent):void{   

            if(bOpened){   

                image.source = DividerIcon_right;   

                dividbox.getChildAt(0).width = 0;   

                bOpened = false;   

            }else{   

                bOpened = true;   

                image.source = DividerIcon_left;   

                dividbox.getChildAt(0).width = 180;   

            }   

        }   

           

    }   

}  



本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/james999/archive/2009/02/18/3906816.aspx

只需要把这个DividerBox进行设到“dividerSkin”这个style属性上即可，It’s easy
main_DividBox.setStyle("dividerSkin",DividerBox);

wwwnjt 2010-01-22

打赏
举报

http://www.tvnets.info/?34652.htm

zengjd 2010-01-22

打赏
举报

[Quote=引用 15 楼 wwwblike2 的回复:]
目前我只做了隐藏，至于显示原理差不多，自己想想怎么实现吧。
[/Quote]

你这个一拖动，下面那个Grid就没了。
如果只是想单击那个图片，才隐藏下面的Grid。
上下拖动可以正常就进行，应该怎么做呢？

wwwblike2 2010-01-22

打赏
举报

目前我只做了隐藏，至于显示原理差不多，自己想想怎么实现吧。

wwwblike2 2010-01-22

打赏
举报

<mx:VDividedBox verticalGap="17" dividerDrag="vdividedbox1_dividerDragHandler(event)" dividerSkin="@Embed(source='com/google/code/flexiframe/assets/flex-iframe-logo-32.png')">
<mx:Canvas>
<mx:DataGrid />
</mx:Canvas>
<mx:Canvas id="canvas2">
<mx:DataGrid />
</mx:Canvas>
</mx:VDividedBox>

调用方法：
import mx.events.DividerEvent;

protected function vdividedbox1_dividerDragHandler(event:DividerEvent):void
{
canvas2.visible = false;
canvas2.includeInLayout = false;
}

zengjd 2010-01-21

打赏
举报

帮顶啊，大家

hnjzjdd 2010-01-21

打赏
举报

顶个、、、、

zengjd 2010-01-21

打赏
举报

谁会这个啊？

lk21768646 2010-01-21

打赏
举报

等待结果！

zengjd 2010-01-20

打赏
举报

[Quote=引用 7 楼 onlylau 的回复:]
<mx:Script>
<![CDATA[
private function onClick():void
{
grid2.visible = false;
grid2.includeInLayout =false;
}
]]>
</mx:Script>
<mx:VBox="0" y="35" height="100%" width="100%">
<UI:DataGrid id="grid1" />

<mx:Image source="..你的三角.." click="onClick"/>

<UI:DataGrid id="grid2" />
</mx:VBox>

干嘛非得要VDivideBox呢??
[/Quote]

大哥，你这个不能上下拖动。

OnlyLau 2010-01-20

打赏
举报

<mx:Script>
<![CDATA[
private function onClick():void
{
grid2.visible = false;
grid2.includeInLayout =false;
}
]]>
</mx:Script>
<mx:VBox="0" y="35" height="100%" width="100%">
<UI:DataGrid id="grid1" />

<mx:Image source="..你的三角.." click="onClick"/>

<UI:DataGrid id="grid2" />
</mx:VBox>

干嘛非得要VDivideBox呢??