Flex控制弹出窗口拖动范围示例代码

最近做项目时用到了 TitleWindow 形式的弹出窗口，发现一个挺让人头疼的问题：拖动窗口时，一不小心把它拖到屏幕边缘外面，就再也拖不回来了，窗口关不掉，用户只能干瞪眼。后来琢磨出一个比较实用的解决办法——在弹出窗口组件的初始化方法里，加上下面这段代码就行。

this.addEventListener(TitleWindowBoundsEvent.WINDOW_MOVE, function(event:Event):void {
    event.target.x = event.target.x < 0 ? 0 : event.target.x;
    if(event.target.x + event.target.width > event.target.parent.width){
        if(event.target.parent.width - event.target.width < 0){
            event.target.x = 0;
        } else {
            event.target.x = event.target.parent.width - event.target.width;
        }
    }
    event.target.y = event.target.y < 0 ? 0 : event.target.y;
    if(event.target.y + event.target.height > event.target.parent.height){
        if(event.target.parent.height - event.target.height < 0){
            event.target.y = 0;
        } else {
            event.target.y = event.target.parent.height - event.target.height;
        }
    }
});

这段代码的逻辑其实很直观：监听窗口移动事件，一旦窗口的 x 坐标小于 0（即左边界超出父容器），就强制拉回 0；如果窗口右边界超出父容器右侧，则根据父容器宽度做边界修正。y 方向的处理完全同理。这样一来，窗口无论如何拖拽，都不会跑到可视区域外面去，用户也就不会陷入“拖出去就关不掉”的尴尬境地。

当然，实际项目中可能还需要考虑父容器尺寸变化、缩放比例等因素，但核心思路就是这个——在移动时实时做边界约束。如果遇到类似问题，不妨直接套用这段代码，稍加调整即可。