`
lxs647
  • 浏览: 523108 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

限制titlewindow窗口拖出主应用程序之外

 
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2010/01/20/constraining-the-movement-on-a-spark-titlewindow-container-in-flex-4/ -->
<s:Application name="Spark_TitleWindow_windowMoving_afterBounds_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark">
    <s:controlBarContent>
        <s:Button id="btn"
                label="Launch TitleWindow"
                click="btn_clickHandler(event);" />
    </s:controlBarContent>
 
    <fx:Script>
        <![CDATA[
            import mx.core.UIComponent;
            import mx.events.CloseEvent;
            import mx.managers.PopUpManager;
            import spark.events.TitleWindowBoundsEvent;
 
            protected function titleWin_closeHandler(evt:CloseEvent):void {
                PopUpManager.removePopUp(evt.currentTarget as UIComponent);
            }
 
            protected function btn_clickHandler(evt:MouseEvent):void {
                PopUpManager.addPopUp(titleWin, this, true);
                PopUpManager.centerPopUp(titleWin);
            }
 
            protected function titleWin_windowMovingHandler(evt:TitleWindowBoundsEvent):void {
                if (evt.afterBounds.left < 0) {
                    evt.afterBounds.left = 0;
                } else if (evt.afterBounds.right > systemManager.stage.stageWidth) {
                    evt.afterBounds.left = systemManager.stage.stageWidth - evt.afterBounds.width;
                }
                if (evt.afterBounds.top < 0) {
                    evt.afterBounds.top = 0;
                } else if (evt.afterBounds.bottom > systemManager.stage.stageHeight) {
                    evt.afterBounds.top = systemManager.stage.stageHeight - evt.afterBounds.height;
                }
            }
        ]]>
    </fx:Script>
 
    <fx:Declarations>
        <s:TitleWindow id="titleWin"
                title="Spark TitleWindow"
                width="300"
                close="titleWin_closeHandler(event);"
                windowMoving="titleWin_windowMovingHandler(event);">
            <s:layout>
                <s:VerticalLayout paddingLeft="10" paddingRight="10"
                        paddingTop="10" paddingBottom="10" />
            </s:layout>
            <s:Label text="The quick brown fox jumps over the lazy dog."
                    fontSize="24"
                    width="100%"/>
        </s:TitleWindow>
    </fx:Declarations>
 
</s:Application>

 

主要的设置方法见代码中粗体部分、、、

 

from:http://blog.flexexamples.com/2010/01/20/constraining-the-movement-on-a-spark-titlewindow-container-in-flex-4/

 

分享到:
评论

相关推荐

    Flex-TitleWindow的弹出窗口中播放一段影像.zip

    Flex是Adobe公司开发的一种富互联网应用程序(RIA)框架,它基于ActionScript编程语言和MXML标记语言,用于创建具有交互性和动态效果的Web应用程序。TitleWindow是Flex中的一个组件,常用于创建带有标题的弹出窗口,...

    flex TitleWindow之间数据传输

    本文将深入解析如何利用TitleWindow组件进行数据传输,包括从主应用向弹出窗口传递数据以及反之亦然的过程。通过实际代码示例,我们将逐步探索这一机制的工作原理。 #### 主应用向TitleWindow传递数据 首先,我们...

    flex TitleWindow 放大、缩小、可缩放 弹出窗口

    Flex是Adobe开发的一种开源框架,主要用于构建富互联网应用程序(RIA)。TitleWindow是Flex中的一个组件,它是基于MX Containers的,通常用作具有标题和可选边框的独立窗口。在这个主题中,我们将深入探讨如何在Flex...

    带最小化、最大化、关闭按钮的titlewindow

    在IT行业中,TitleWindow是一种常见的用户界面组件,尤其在富客户端应用或Web应用程序中,它作为窗口的基础容器,用于展示应用程序的主要内容。标题通常包含窗口的名称,有时也会包含一些操作按钮,如最小化、最大化...

    可最大化、最小化和关闭的TitleWindow

    总的来说,这个“可最大化、最小化和关闭的TitleWindow”为Flex开发人员提供了一种强大的工具,可以创建更符合用户期望的窗口式应用程序,同时避免了Flexlib MDI组件的一些限制。通过深入理解和定制这个组件,开发者...

    Flex带最大化最小化的TitleWindow

    Flex是Adobe Flex框架的一部分,它是一个用于构建富互联网应用程序(RIA)的开源开发工具。TitleWindow是Flex中的一种容器类,它类似于操作系统中的窗口,通常包含一个标题栏,可以显示标题,并提供一些基本操作,如...

    Flex中支持缩放的TitleWindow

    在Flex开发中,TitleWindow是一种常用的组件,它用于创建具有标题栏和可选边框的弹出窗口。这篇博客文章“Flex中支持缩放的TitleWindow”可能详细讲解了如何在Flex应用程序中实现TitleWindow组件的缩放功能,这对于...

    ResizableTitleWindow 可拖拽和改变大小的titlewindow

    在IT行业中,窗口是用户与应用程序交互的基本元素。TitleWindow是一种常见的窗口样式,通常具有标题栏,用于显示窗口的名称并提供基本的操作如最小化、最大化和关闭。在这个特定的项目"ResizableTitleWindow"中,...

    flex4.6 可以拉伸的TitleWindow

    flex4.6 可以拉伸的TitleWindow。自由缩放。

    flex TitleWindow自定义最大最小化

    在Flex编程中,TitleWindow是一种常用的组件,它用于创建具有标题栏、关闭、最小化和最大化按钮的标准窗口样式。在Flex应用中,我们可能需要对TitleWindow的行为进行自定义,例如改变其默认的最大化和最小化功能。本...

    Flex带最大化最小化按钮可拖动调整窗口大小的TitleWindow

    在Flex开发中,TitleWindow是一种常用的组件,它用于创建具有标题栏和关闭、最小化、最大化按钮的独立窗口。这个特定的示例是关于如何在Flex中创建一个TitleWindow,该窗口不仅具备基本的窗口操作功能,还允许用户...

    titlewindow添加更多按钮

    flex中为titlewindow添加更多按钮,使其显示在标题栏右方

    Flex特效_可拖动弹出窗口布局容器TitleWindow.zip )

    Flex特效_可拖动弹出窗口布局容器TitleWindow.zip )

    可以自由改变大小的TitleWindow 的学习项目

    可以自由改变大小的TitleWindow 的学习项目

    TitleWindow的一个小demo

    它经常被用作弹出对话框或浮动面板,以提供用户与应用程序的交互界面。在描述中提到的示例中,我们看到一个按钮被用来控制文本的可见性,这展示了如何将事件处理和组件状态变化相结合。 首先,我们需要创建一个...

    Flex使用弹出窗口为DataGrid添加新数据

    综上所述,Flex 3中通过TitleWindow为DataGrid添加新数据的过程包括创建TitleWindow作为弹出对话框,设计表单获取用户输入,处理“添加”按钮的点击事件以将新数据添加到DataGrid的数据源,以及在主应用中触发...

    Flex TitleWindow父子页面的事件派发

    总之,通过深入理解Flex的事件机制和熟练掌握事件派发技巧,开发者能够构建出响应迅速、交互丰富的应用程序。TitleWindow及其子组件之间的事件传递是这一过程中的关键环节,它不仅促进了组件间的通信,还增强了应用...

    TitleWidonw

    TitleWindow的标题栏默认支持用户拖动,这使得用户可以自由移动窗口在应用程序内的位置。开发者可以通过修改皮肤或者监听鼠标事件来自定义拖动行为。 3. **缩放功能**: 虽然TitleWindow本身不直接支持缩放功能,...

    FLEX TitleWindow之间数据传输的示例

    当我们在Flex应用程序中需要在主窗口和TitleWindow之间进行数据传输时,有多种方法可以实现。一种常见的做法是利用PopUpManager类。PopUpManager类提供了创建弹出窗口和管理弹出窗口的方法。在本文中,我们重点介绍...

    实现最大化、最小化、缩放功能的TitleWindow

    一个实现最大化、最小化、缩放功能的TitleWindow,是参照其他大虾的代码,然后自己写的一个TitleWindow,并且限制了TitleWindow的拖动区域。里面提供了一个MyTitleWindow.as和一个使用MyTitleWindow的.mxml的文件...

Global site tag (gtag.js) - Google Analytics