GWT veränderbares Panel
Gibt es eine Möglichkeit, ein "Resizable" Panel in GWT zu haben.
Mit größenverstellbar, ich meine, wenn Sie am Rand des Panels ziehen, kann die Größe entsprechend angepasst werden.
5 Antworten
Ich habe es selbst herausgefunden, hier ist ein Beispiel:
%Vor%Es sieht so aus, als ob die GWT-Ext Widget-Erweiterungen das, was Sie wollen, in Resisable Panel
Für den obigen Code in onBrowserEvent (...) vergessen Sie nicht,
einzufügen %Vor%oder Sie werden Probleme mit dem Ziehen von Firefox-Bildern haben!
In modernen Browsern können Sie dies unabhängig von GWT lösen. Viel einfacher und sauberer. Verwenden Sie einfach die CSS3-Eigenschaft resize und geben Sie ein overflow anderer Wert als der Standardwert ( visible ).
Beachten Sie, dass Sie wahrscheinlich die Eigenschaft resize für untergeordnete Elemente überschreiben möchten, damit sie nicht alle Größenänderungsgriffe erben.
In meinem Fall habe ich so etwas in meiner .ui.xml -Datei:
Und so etwas in meinem Stylesheet (GWT fügt einige zusätzliche divs hinzu, so dass Sie möglicherweise Selektoren anpassen müssen, um für Ihren Fall zu arbeiten):
%Vor% Dies gibt meinem FlexTable ein Größenänderungs-Handle in der unteren rechten Ecke, wie folgt:
Benutzer können den Griff nach unten ziehen, um die Größe des Panels mit meinem FlexTable vertikal zu ändern. Natürlich können Sie anstelle von vertical auch erlauben, dass die Größenänderung horizontal oder both ist.
Wenn Sie es vorziehen, programmgesteuert Dinge auf UiBinder-Art zu tun, bin ich mir sicher, dass Sie sie anpassen können, indem Sie einfach die entsprechenden Stile zu Ihren Elementen im Code hinzufügen.
Nachteile? Funktioniert nicht in IE / Edge (hey, ich sagte moderne Browser ... und CSS3 ), aber in die meisten anderen .
Tags und Links gwt