Flex-Popup-Schaltfläche Frage

Schlug meinen Kopf gegen die Wand hier. Ich will nicht das Rad neu zu erfinden.

Die Standard-Flex-3 Klasse für PopupButton ist eine Kombination von zwei Tasten. Einer ist ein normaler Knopf mit label-und/oder-Symbol, und der zweite ist der Pfeil öffnet sich das popup.

Mein Kampf hier ist, ich möchte einfach nur einen button mit einem Symbol, öffnet sich das popup direkt, ohne zu schreiben, all das popup-handling-code wieder alles vorbei. Der plan war, zu überschreiben, das PopupButton-Klasse mit, sagen wir, eine neue Klasse namens SimplePopupButton. Diese Klasse würde blenden Sie einfach den Pfeil, und zeigen Sie die Schaltfläche click-handler zum öffnen der popup-Fenster.

Scheint einfach, aber ich sehe nicht einen einfachen Weg, dies zu tun. Vorschläge? Alternativen?

[Bearbeiten] ich möchte ein 16x16 icon-button, öffnet sich ein popup. PopupButton-geliefert mit flex hat zwei Schaltflächen: "Es enthält einen Hauptschalter und eine sekundäre Taste, genannt die pop-up-Taste, die erscheint, jede UIComponent-Objekt, wenn ein Benutzer auf die pop-up-Taste." (Quelle). Ich möchte die Haupt-Taste zum öffnen des popup-und ausblenden der popup-button. (oder Umgekehrt)

Wollen Sie zum ändern der aktuellen nach-unten-Pfeil, um Ihre eigenen oder um es loszuwerden vollständig?
Entweder überschreiben Sie die Pfeil-und ausblenden der primären Taste, oder ausblenden, Pfeil und legte meine Symbol in der primären Taste. Ich effektiv, dass eine Schaltfläche mit einem popup-Fenster und nicht das paar-system von adobe verwendet für popupButton, popupButtonMenu " und "ComboBox".

InformationsquelleAutor Glenn | 2008-09-30

  1. 3

    Haben Sie versucht, die Einstellung einer neue Haut? Nicht sicher, ob es funktionieren würde, aber es wäre viel einfacher, als beim schreiben einer neuen Steuerung.

    Ich bin mir nicht klar, wie eine Haut, könnte dieses Problem lösen, da es ein Verhalten problem (wenn auch maskiert als style betreffen). Können eine skin für einen PopupButton ausblenden der Dropdown-Pfeil?
    Stellt sich heraus, das ist die beste Idee. Ein einfaches Bild Haut nicht verstecken, beide Teile der Taste anstelle der Haut. Danke.

    InformationsquelleAutor Swaroop C H

  2. 1

    In Flex 3.4, das PopUpButton-Steuerelement hat ein Attribut namens "openAlways", die, wenn auf true gesetzt, können die Haupt-Taste zum öffnen des popUp als gut. Dann, wie schon erwähnt, einfach die Haut von der Schaltfläche zu verbergen, die nach-unten-Pfeil.

    InformationsquelleAutor

  3. 0

    Es ist schon eine Weile her, da habe ich einige Arbeit mit der Flex, aber hier ist meine Idee:


    Erstellen Sie eine neue Komponente, bestehend aus einem klassischen Schaltfläche und einer Liste. Die Komponente sollte zwei Ansichtsstatus. Die Liste sollte nicht sichtbar sein in der Basis Stand, sollte aber sichtbar werden, wenn die Komponente tritt in den anderen Staat. Der andere Zustand ist, natürlich, trat auf das klicken der Schaltfläche. Sie können die Liste gesetzt zu werden, zunächst so positioniert, dass es der linken unteren Ecke ausgerichtet ist, mit den Tasten der unteren linken Ecke. Dann erstellen Sie einen übergang vom niedrigen Zustand zu dem anderen Zustand, dass würde die Liste führen Sie eine "Rutsche nach unten", wie es in einer standard-PopuButton Kontrolle. Sie können dies tun, durch die gleichzeitige Verwendung eines wipeup-Effekt und einem move-Effekt, in dem Sie die Liste verschieben auf die y-Achse, bis es oben Links in der Ecke ist, wo es unten Links in der Ecke war. Name der Komponente MyPopupButton oder was auch immer Sie es nennen wollen. Für die Rückkehr auf der Basis Staat einfach das tun, ein reverse auf diese Effekte.
    Wie für den Umgang mit code - app, natürlich muss nur wissen, was der Benutzer ausgewählt hat, aus der Liste, so dass nicht mehr code als üblich.


    Ich hoffe, das war hilfreich.

    Dies ist, was ich meinte, das Rad neu erfinden. Ich würde zu bewältigen haben, die popup-Ereignisse und die Positionierung, die bereits behandelt in der popupbutton-Steuerelement. Ich versuche zu vermeiden, dass ärger. Tun, und ich könnte genauso gut, wie Sie sagte, das schreiben meiner eigenen Kontrolle. Trotzdem danke.

    InformationsquelleAutor Sandman

  4. 0

    Ähm, ich bin vielleicht ein totaler idiot hier, aber warum kannst du nicht einfach ein Kombinationsfeld? Ich meine die Aktion ist im wesentlichen das gleiche wie ein popup-Schaltfläche ohne Pfeil-Schaltfläche Trennung? Oder bin ich bescheuert hier.

    Combo-box ist ein Formular-element bietet Auswahl-Optionen. Ich möchte ein popup, das muss nicht unbedingt bedeuten, eine einfache Liste von Elementen. Vielleicht möchte ich das popup, um ein Kalender-Steuerelement. Dies ist der Grund, warum PopupButton ist besser als, sagen wir, PopupButtonMenu oder ComboBox.

    InformationsquelleAutor defmeta

  5. 0

    Versuchen, die popup-Eigenschaft finden
    hier. Es sollte festgelegt werden, um Ihre popup.

    print(</mx:Script>
    <![CDATA[
          import mx.controls.Alert;
          public var myAlert:Alert = new Alert();
     ]]>
    </mx:Script>
    <mx:popUpButton popUp="{myAlert}" label="Button"/>

    );

    Das problem ist nicht was popup. Das problem ist, dass die Kontrolle, die Aussehen wie ein einfacher button, ohne die nach-unten-Pfeil. Also die Haupt-Taste ein Teil öffnen wir das popup mit dem "click" - Ereignis, und der Pfeil nicht angezeigt werden sollen.

    InformationsquelleAutor Brandon

  6. 0

    dies ist eine Art von designer-hack, aber ich habe gerade legen Sie die folgenden Eigenschaften für mein popUp-Schaltfläche... (oder Sie können einen Stil erstellen, wenn Sie möchten wiederverwenden)

    Vorausgesetzt, Sie wollen einfach nur eine 16 x 16-Symbol, um ein popUp-Menü, wenn auf Sie geklickt...

    <mx:PopUpButton icon="@Embed(source='pathToIcon.png')" arrowButtonWidth="16" paddingLeft="0" paddingRight="0" width="16" height="16" popUp="{menu}"/>

    InformationsquelleAutor

  7. 0

    Art von einem fiesen hack, aber ich habe etwas viel wie Matt oben, das scheint zu funktionieren/Aussehen in Ordnung.

    in CSS.

    .camButtons
{
    padding-left:0;
    padding-right:1;
    up-skin: Embed(source="/assets/images/skins.swf", symbol="Button_ChatRoomControlsOver");
    over-skin: Embed(source="/assets/images/skins.swf", symbol="Button_ChatRoomControls");
    down-skin: Embed(source="/assets/images/skins.swf", symbol="Button_ChatRoomControls");
    disabled-skin: Embed(source="/assets/images/skins.swf", symbol="Button_ChatRoomControls");

    pop-up-up-skin: Embed(source="/assets/images/skins.swf", symbol="Button_ChatRoomControlsOver");
    pop-up-down-skin: Embed(source="/assets/images/skins.swf", symbol="Button_ChatRoomControls");
    pop-up-over-skin: Embed(source="/assets/images/skins.swf", symbol="Button_ChatRoomControls");
}

<mx:PopUpButton width="38" popUpGap="0" paddingLeft="37" arrowButtonWidth="38" id="flirts_btn" popUp="{flirts_menu}" styleName="camButtons" icon="@Embed(source='/assets/images/skins.swf', symbol='Icon_WinkOver')" downIcon="@Embed(source='/assets/images/skins.swf', symbol='Icon_WinkOver')" disabledIcon="@Embed(source='/assets/images/skins.swf', symbol='Icon_Wink')" toolTip="Send Flirt to User" buttonMode="true" useHandCursor="true" />

    .... die wichtigen Teile...

    pop-up-up-skin: Embed(source="/assets/images/skins.swf", symbol="Button_ChatRoomControlsOver");
    pop-up-down-skin: Embed(source="/assets/images/skins.swf", symbol="Button_ChatRoomControls");
    pop-up-over-skin: Embed(source="/assets/images/skins.swf", symbol="Button_ChatRoomControls");


width="38" popUpGap="0" paddingLeft="37" arrowButtonWidth="38"

    InformationsquelleAutor

Schreibe einen Kommentar