maxWidth greift nicht

[hk]

Hallo Forum,
ich habe eine VBox als root mit einer Breite von 500 Pixel und darin ein TextArea mit maxWidth = 200. Trotz dem erstreckt sich das TextArea über die gesamte Breite der VBox. Das ist wohl nicht korrekt?
lg heinz

 

[mihe7]

Swing oder JavaFX?

 

[hk]

Swing oder JavaFX?

FX

 

[mihe7]

Da bin ich normalerweise raus, aber in der Doku steht:
"VBox will resize children (if resizable) to their preferred heights and uses its fillWidth property to determine whether to resize their widths to fill its own width or keep their widths to their preferred (fillWidth defaults to true)."

Scheint nicht so, als ob sich VBox für die maximum width interessieren würde...

 

[hk]

Da bin ich normalerweise raus, aber in der Doku steht:
"VBox will resize children (if resizable) to their preferred heights and uses its fillWidth property to determine whether to resize their widths to fill its own width or keep their widths to their preferred (fillWidth defaults to true)."

Scheint nicht so, als ob sich VBox für die maximum width interessieren würde...

Ja, und auch nicht für die prefWidth. Der Parameter (in VBox) fillWidth zeigt keine Wirkung egal ob true oder false.

 

[mihe7]

Wobei hier https://stackoverflow.com/questions/28295380/vbox-set-fill-width-true-specific-to-element etwas anderes steht, auch was max width betrifft.

 

[hk]

Wobei hier https://stackoverflow.com/questions/28295380/vbox-set-fill-width-true-specific-to-element etwas anderes steht, auch was max width betrifft.

Das funktioniert nur solange die innere HBox nicht ein Kind beinhaltet das größer "sein kann, aber nicht darf (maxWidth)" als die HBox denn dann geht auch wieder die Hbox über ihre maxWidth hinaus. Ich verstehe das einfach nicht.

 

[mihe7]

Da kann bestimmt @dzim helfen 🙂

 

[hk]

Da kann bestimmt @dzim helfen 🙂

Danke, ich werde das Problem nun präzisieren und melde mich wieder,
lg heinz

 

[dzim]

Ich werde mein Glück mal versuchen.

Ich habe erstmal folgenden Kotlin-Code (ignoriere erst einmal, falls du noch kein Kotlin kannst, das Prinzip erkläre ich dann noch):

Stage().apply {
    initModality(Modality.WINDOW_MODAL)
    initStyle(StageStyle.UTILITY)
    isResizable = false
    maxWidth = 500.0
    maxHeight = 500.0
    scene = VBox().apply {
        setStyle("-fx-border-color: blue;")
        children += TextArea().apply {
            setStyle("-fx-border-color: red;")
            text = "test"
            maxWidth = 200.0
        }
    }.let { Scene(it, 500.0, 500.0) }
}.showAndWait()

Ich habe es innerhalb einer anderen Anwendung probiert, daher öffne ich dort eine neue Stage – also ein neues Fenster.
Das Fenster is fix 500x500 und enthält eine ebenso grosse Scene (man muss halt die Grösse angeben, damit das Fenster sich nicht nur beim Laden gerade auf die maximal genutze Grösse reduziert).
Das Root-Element der Scene ist die VBox (ich hab sie von der Grösse nicht beschränkt, da sie sowieso die Grösse von des Fensters abhängt, da käme man nur mit etwas Binding rum, aber erst mal egal).
Die TextArea in der VBox ist 200px gross.


Passt für mich.

Aber deinem Text in der Nachricht entnehme ich, dass das Setup vielleicht etwa komplexer ist.
Ist es ein StackPane, in dem die VBox in der Mitte über deinem Spielfeld angezeigt wird?

 

[dzim]

btw: falsches Unter-Forum, oder? Da schau ich normalerweise nie rein (und zugegeben im Moment schau ich wenig rein)

 

[hk]

btw: falsches Unter-Forum, oder? Da schau ich normalerweise nie rein (und zugegeben im Moment schau ich wenig rein)

Die Reihenfolge ist folgende:
TextArea in HBox in VBox.

Ich habe nun die Funktion "setPrefWidth()" gefunden, diese löst mein Problem. Bisher habe ich es immer nur mit "prefWidth" probiert. Wo kann ich mehr über Kotlin erfahren?
lg heinz

 

[kneitzel]

Kotlin Programming Language

Kotlin is a concise and multiplatform programming language by JetBrains. Enjoy coding and build backend, mobile, web, and desktop applications efficiently.

kotlinlang.org

 

[dzim]

Ah! Die HBox wird das Problem sein. Du musst dich bis morgen gedulden (falls mir nicht wer zuvor kommt), denn ich hab jetzt nicht mehr (und werde es heute auch nicht mehr) meinen Entwickler-Laptop an. Ich könnte zwar auch auf meine Windoof hier das testen, habe aber gerade keinen Antrieb mehr. Aber wahrscheinlich genügt es schon, wenn du die 200px maximale Breite einfach auf die HBox, statt auf die TextArea anwendest...

 

[dzim]

So, ich konnte es jetzt kurz testen. Ich konnte jedoch kein Fehlverhalten feststellen.

Stage().apply {
    initModality(Modality.WINDOW_MODAL)
    initStyle(StageStyle.UTILITY)
    isResizable = false
    maxWidth = 500.0
    maxHeight = 500.0
    scene = VBox().apply {
        setStyle("-fx-border-color: blue;")
        children += HBox().apply {
            setStyle("-fx-border-color: pink;")
            children += TextArea().apply {
                setStyle("-fx-border-color: red;")
                text = "test"
                maxWidth = 200.0
            }
        }
    }.let { Scene(it, 500.0, 500.0) }
}.showAndWait()

Führt zu

Die HBox nimmt also die volle Breite innerhalb der VBox ein, aber die TextArea wird korrekt beschränkt.
Lasse ich das maxWidth = 200.0 weg, nimmt die TextArea erwartungskonform den verfügbaren Platz innerhalb der HBox ein.

Verschiebe ich das maxWidth = 200.0 von der TextArea in die HBox, beschränke ich die Breite der HBox innerhalb der VBox, die TextArea nimmt immer noch die volle Breite in der HBox ein. Das Resultat sieht wie folgt aus:

Vielleicht müsstest du dein problematisches Code-Beispiel mal wirklich als Code zur Verfügung stellen, denn im Moment kann ich es einfach nicht nachvollziehen...

¯\_(ツ)_/¯

 

[hk]

So, ich konnte es jetzt kurz testen. Ich konnte jedoch kein Fehlverhalten feststellen.

Stage().apply {
    initModality(Modality.WINDOW_MODAL)
    initStyle(StageStyle.UTILITY)
    isResizable = false
    maxWidth = 500.0
    maxHeight = 500.0
    scene = VBox().apply {
        setStyle("-fx-border-color: blue;")
        children += HBox().apply {
            setStyle("-fx-border-color: pink;")
            children += TextArea().apply {
                setStyle("-fx-border-color: red;")
                text = "test"
                maxWidth = 200.0
            }
        }
    }.let { Scene(it, 500.0, 500.0) }
}.showAndWait()

Führt zu
Anhang anzeigen 14924
Die HBox nimmt also die volle Breite innerhalb der VBox ein, aber die TextArea wird korrekt beschränkt.
Lasse ich das maxWidth = 200.0 weg, nimmt die TextArea erwartungskonform den verfügbaren Platz innerhalb der HBox ein.
Anhang anzeigen 14925
Verschiebe ich das maxWidth = 200.0 von der TextArea in die HBox, beschränke ich die Breite der HBox innerhalb der VBox, die TextArea nimmt immer noch die volle Breite in der HBox ein. Das Resultat sieht wie folgt aus:
Anhang anzeigen 14926
Vielleicht müsstest du dein problematisches Code-Beispiel mal wirklich als Code zur Verfügung stellen, denn im Moment kann ich es einfach nicht nachvollziehen...

¯\_(ツ)_/¯

Das Problem ist gelöst: Ich habe nun die Funktion "setPrefWidth()" gefunden, diese in der TextArea auf 200 gesetzt löst mein Problem. Bisher habe ich es immer nur mit "prefWidth" probiert.
Danke und lg heinz