FLEX动态弹入弹出 HDividedBox的dividerPress

转载 2012年03月25日 23:30:07

点击HDividedBox的divider时,HDividedBox的一侧隐藏,而当我再次点击divider时显示。

了解到HDividedBox针对divider有:dividerDrag、dividerPress、dividerRelease三个事件。

分别是拖拽、按下、释放。

我选择在按下的时候触发一个事件。然后,在隐藏时,给了一个resize的效果

源码如下:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:esri="http://www.esri.com/2008/ags"
    paddingLeft="0"
    paddingRight="0"
    paddingTop="0"
    paddingBottom="0"
    layout="absolute" >
 <mx:Style>
  
  
 </mx:Style>
 <mx:Script>
  <![CDATA[
   import mx.core.UIComponent;
   import mx.events.DividerEvent;
   
   
   private function hiddenLeft(event:DividerEvent):void{
    var child:UIComponent = event.target.getChildAt(0);
    if(child.width == 0){
     expand1.play();
    }else{
     expand.play();
    }
   }
   
  ]]>
 </mx:Script>
 <mx:Resize id="expand" target="{childcontain}" widthTo="0"
      duration="1500"/>
 <mx:Resize id="expand1" target="{childcontain}" widthTo="100"
      duration="1500"/>        
 <mx:HDividedBox width="100%" height="100%" dividerPress="hiddenLeft(event)" id="container">
  <mx:VDividedBox width="100" height="100%" id="childcontain">
   <mx:Panel width="100%" height="100%" id="pan"/>
  </mx:VDividedBox>
  <mx:Canvas height="100%" width="100%"/>
 </mx:HDividedBox>
</mx:Application>

 

效果:

HDividedBox的dividerPress - lurui110 - lurui110的博客

 

HDividedBox的dividerPress - lurui110 - lurui110的博客

 


相关文章推荐

Unity3D使用UIPlayTween和TweenPosition实现面板的动态弹出与弹入

转载自:http://demo.netfoucs.com/g__dragon/article/details/17465509 利用NGUI自带的脚本控件实现按钮点击窗口滑动出现与隐藏。 ...

Flex中的HDividedBox和VDividedBox的比较

1、HDividedBox (1)源码 HVD.mxml: <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmln...

Flex动态菜单flex弹出菜单

  • 2009-03-30 15:39
  • 268KB
  • 下载

简单广告弹入demo

  • 2016-04-10 16:43
  • 549B
  • 下载

Flex4.5中Alert弹出框组建的基本应用

http://ns.adobe.com/mxml/2009"       xmlns:s="library://ns.adobe.com/flex/spark"     ...

flex 弹出菜单效果

  • 2009-09-04 18:15
  • 64KB
  • 下载

Flex AIR自定义Mobile的弹出框组件

手机应用没有弹出框组件,需要自定义。
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)