flex_控制弹出式窗口位置;

原创 2012年03月24日 14:54:42

效果:通过单击窗口里边按钮可以使窗口移到相应位置;

=>WindowTitleCustom.mxml自定义组件

<?xml version="1.0" encoding="utf-8"?>

<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               width="300" height="120" close="onCloseWind()">
    
    <fx:Script>
        <![CDATA[
            import mx.managers.PopUpManager;
            
            /**
             * 关闭窗口;
             */
            protected function onCloseWind():void{
                PopUpManager.removePopUp(this);
            }
            
            /**
             * 移动窗口;
             */
            protected function moveWindTo(location:String):void{
                // 属性声明;
                var newX:Number = 0;
                var newY:Number = 0;
                var padding:Number = 10;
                
                // 居中显示:
                if(location == "center"){
                    PopUpManager.centerPopUp(this);
                    return;
                }
                
                if(location.indexOf("bottom") > -1) {
                    newY = (parent.height - this.height) - padding;
                }
                
                if(location.indexOf("top") > -1) {
                    newY = padding;
                }
                
                if(location.indexOf("left") > -1) {
                    newX = padding;
                }
                
                if(location.indexOf("right") > -1) {
                    newX = (parent.width - this.width) - padding;
                }
                
                move(newX, newY);
            }
        ]]>
    </fx:Script>
    
    <fx:Declarations>
        <!-- 非可视元素 -->
    </fx:Declarations>

    <!--view-->
    <s:VGroup horizontalCenter="0" verticalCenter="0" width="100%" height="100%">
        <s:HGroup width="100%">
            <s:Button id="tlBtn" label="左上角" width="100%" click="moveWindTo('toplet')"/>
            <s:Button id="trBtn" label="右上角" width="100%" click="moveWindTo('topright')"/>
        </s:HGroup>
        
        <s:VGroup width="100%" horizontalAlign="center">
            <s:Button id="alignBtn" label="中间" click="moveWindTo('center')"/>
        </s:VGroup>
        
        <s:HGroup width="100%">
            <s:Button id="blBtn" label="左下角" width="100%" click="moveWindTo('bottomleft')"/>
            <s:Button id="brBtn" label="右下角" width="100%" click="moveWindTo('bottomright')"/>
        </s:HGroup>
    </s:VGroup>
    
</s:TitleWindow>


=>主应用程序

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               minWidth="1024" minHeight="768" pageTitle="TheStudioOfCenyebao"
               applicationComplete="initFn()">
    
    <fx:Script>
        <![CDATA[
            import com.learn.Window.WindowTitleCustom;
            
            import mx.managers.PopUpManager;
            
            protected var customWin:WindowTitleCustom;
            public function initFn():void{
                trace("=>Welcome to The Studio Of Cenyebao.");
                
                // 实例化并打开窗口:
                customWin = new WindowTitleCustom();
                PopUpManager.addPopUp(customWin, this, true);
                PopUpManager.centerPopUp(customWin);
                
                // 监听键盘:关闭窗口;
                stage.addEventListener(KeyboardEvent.KEY_UP, onKeyUpFn, false, 0, true);
            }
            
            /**
             * 使用Esc快捷键关闭窗口;
             */
            protected function onKeyUpFn(event:KeyboardEvent):void{
                if(event.keyCode == Keyboard.ESCAPE) {
                    PopUpManager.removePopUp(customWin);
                    trace("=>窗口已经关闭!");
                }
            }
        ]]>
    </fx:Script>
    
    <fx:Declarations>
        <!-- 非可视元素 -->
    </fx:Declarations>
    
    <!--view-->
</s:Application>

flex_弹出式窗口与数据的结合事例;

效果图: =>WindowLogin.mxml自定义组件                xmlns:s="library://ns.adobe.com/flex/spark" ...

PopMenu弹出式窗口

  • 2017年09月28日 13:52
  • 21.04MB
  • 下载

弹出式窗口代码产生器

  • 2013年05月01日 14:32
  • 8KB
  • 下载

javascript中的弹出式窗口

【1、最基本的弹出窗口代码】    其实代码非常简单:                因为这是一段javascripts代码,所以它们应该放在之间。是对一些版本低的浏览器起作用,...

VB实现窗口的弹出式菜单...

  • 2009年10月08日 01:56
  • 2KB
  • 下载

弹出式查询选择窗口

  • 2008年04月11日 17:58
  • 308KB
  • 下载

Cocos2d-x游戏开发之弹出式全屏提示窗口

本站文章转载务必在明显处注明:原文链接: http://blog.csdn.net/cjsen/article/details/9055389 此博客基于Cocos2d-2.1rc0-x-2.1.3...
  • CJsen
  • CJsen
  • 2013年06月08日 14:56
  • 4251

高逼格动画---自定义弹出式窗口+优化

今天给大家带来的给最底层的布局添加控件的原理分析。首先看下效果吧↓ 看完之后估计有些人认为很简单。具体你的看法是怎么样的我就不过多的猜测了,开始分析一下这个效果吧!首先大家看到了上面会有一块会弹上...

带缓冲的弹出式窗口(宋鑫)

  • 2017年01月06日 15:30
  • 7.05MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:flex_控制弹出式窗口位置;
举报原因:
原因补充:

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