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:

简单广告弹入demo

  • 2016年04月10日 16:43
  • 549B
  • 下载

flex 多个站点弹出层 (替代infowindow)

效果图: ...

Flex在屏幕右下角弹出小纸条

  • 2009年02月24日 15:46
  • 429KB
  • 下载

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

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

Flex:使弹出的窗口使用Canvas可以拖拽

Flex:使弹出的窗口使用Canvas可以拖拽  (2010-04-02 10:25:30) 转载▼ 标签:  it 分类: Flex ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:FLEX动态弹入弹出 HDividedBox的dividerPress
举报原因:
原因补充:

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