在 Flex 4 中拖动时移动无铬窗口应用程序

Question

我在 Flex 4 中实现了一个无边框窗口应用程序。但是这样做时我注意到所有最大化、最小化甚至拖动窗口的功能都消失了。我需要能够拖动窗口。我已经做了很多谷歌搜索，但无法想出任何东西。有人可以指出我正确的方向吗？

提前致谢。

Answer 1

您必须为 WindowedApplication 创建自定义皮肤。如果您查看 WindowedApplication 的代码，您会发现这一点：

[SkinPart (required="false")]
public var titleBar:TitleBar;

这意味着您可以向皮肤添加 TitleBar，但不是必须这样做。事实上，默认 WindowedApplicationSkin< /a> 没有标题栏。

在自定义皮肤会自动为您提供所需的拖动行为。默认 TitleBarSkin带有常规窗口按钮（最小化、最大化、关闭），因此您可能也想在此处创建自定义皮肤。如果不需要的话，可以选择没有按钮的。

这是一个精简的示例。

WindowedApplication 的自定义皮肤（仅白色背景和标题栏）：

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

    <fx:Metadata>[HostComponent("Object")]</fx:Metadata>

    <s:states>
        <s:State name="normal" />
        <s:State name="disabled" />
        <s:State name="normalAndInactive" />
        <s:State name="disabledAndInactive" />
    </s:states>

    <s:Rect id="backgroundRect" left="0" right="0" top="0" bottom="0" >
        <s:fill>
            <s:SolidColor id="backgroundFill" color="0xffffff" />
        </s:fill>
    </s:Rect>

    <s:TitleBar left="0" right="0" top="0" height="24" 
                skinClass="skin.TitleBarSkin" />

    <s:Group id="contentGroup" left="0" right="0" top="25" bottom="0" />

</s:Skin>

TitleBar 的自定义皮肤（仅渐变背景和关闭按钮）：

<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        minHeight="24" >

    <fx:Metadata>
      [HostComponent("spark.components.windowClasses.TitleBar")]
    </fx:Metadata> 

    <s:states>
        <s:State name="normal" />
        <s:State name="disabled" />
        <s:State name="normalAndMaximized" />
        <s:State name="disabledAndMaximized" />
    </s:states>

    <s:Rect id="background" left="0" right="0" top="0" bottom="0">
        <s:fill>
            <s:LinearGradient rotation="90">
                <s:GradientEntry color="0xFFFFFF" />
                <s:GradientEntry color="0xBABABA" />
            </s:LinearGradient>
        </s:fill>
    </s:Rect>

    <s:Button id="closeButton" label="close" right="0" verticalCenter="0" />

</s:Skin>

显然，“closeButton”是必需的，因此您必须将其包含在皮肤。但如果您仍然想摆脱它，只需将其“visible”和“includeInLayout”属性设置为“false”即可。