перенести приложение без окон на перетаскивание в flex 4 - PullRequest
Новая
       27

перенести приложение без окон на перетаскивание в flex 4

1 голос
/ 01 сентября 2011

Я реализовал приложение без окна Chrome в Flex 4. Но при этом я заметил, что все функции максимизации, минимизации и даже перетаскивания окна исчезли. Мне нужна возможность перетаскивать окно. Я много гуглил и ничего не смог придумать. Может ли кто-нибудь, пожалуйста, указать мне в правильном направлении.

Заранее спасибо.

1 Ответ

1 голос
/ 01 сентября 2011

Вам нужно будет создать собственный скин для вашего WindowedApplication. Если вы посмотрите в код WindowedApplication, вы найдете это: 

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

, что означает, что вы можете добавить TitleBar к скину, но это не обязательно На самом деле по умолчанию WindowedApplicationSkin не имеет заголовка.

Включение TitleBar в пользовательский скин автоматически обеспечит вам режим перетаскивания, к которому вы стремитесь. По умолчанию 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.

...