Comment faire pour centrer/wrap/tronquer le Texte pour l'adapter à l'intérieur d'un Rectangle en JavaFX 2.1?

Voici un exemple d'une autre implémentation.

Il utilise une sous-classe de Group avec un layoutChildren mise en œuvre plutôt que de la liaison api.

import javafx.application.Application;
import javafx.beans.property.StringProperty;
import javafx.geometry.VPos;
import javafx.scene.*;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.*;
import javafx.stage.Stage;
public class TextInRectangle extends Application {
public static void main(String[] args) throws Exception { launch(args); }
public void start(final Stage stage) throws Exception {
TextBox text = new TextBox("All roads lead to Rome", 100, 100);
text.setLayoutX(30);
text.setLayoutY(20);
final Scene scene = new Scene(text, 160, 140, Color.CORNSILK);
stage.setScene(scene);
stage.show();
}
class TextBox extends Group {
private Text text;
private Rectangle rectangle;
private Rectangle clip;
public StringProperty textProperty() { return text.textProperty(); }
TextBox(String string, double width, double height) {
this.text = new Text(string);
text.setTextAlignment(TextAlignment.CENTER);
text.setFill(Color.FORESTGREEN);
text.setTextOrigin(VPos.CENTER);
text.setFont(Font.font("Comic Sans MS", 25));
text.setFontSmoothingType(FontSmoothingType.LCD);
this.rectangle = new Rectangle(width, height);
rectangle.setFill(Color.BLACK);
this.clip = new Rectangle(width, height);
text.setClip(clip);
this.getChildren().addAll(rectangle, text);
}
@Override protected void layoutChildren() {
final double w = rectangle.getWidth();
final double h = rectangle.getHeight();
clip.setWidth(w);
clip.setHeight(h);
clip.setLayoutX(0);
clip.setLayoutY(-h/2);
text.setWrappingWidth(w * 0.9);
text.setLayoutX(w / 2 - text.getLayoutBounds().getWidth() / 2);
text.setLayoutY(h / 2);
}
}
}

De l'échantillon de sortie de l'exemple d'application:

Un couple de notes:

1. Il est généralement préférable d'utiliser un Label plutôt que d'essayer de recréer une partie de l'Étiquette de la fonctionnalité.

2. La mise en page dans layoutChildren approche est similaire à celle utilisée par le JavaFX équipe dans la mise en œuvre en Charge le contrôle de la bibliothèque. Il y a probablement des raisons pour lesquelles ils utilisent layoutChildren plutôt que contraignant pour la mise en page, mais je ne suis pas au courant de ce que l'ensemble de ces raisons sont.

3. Je trouve que pour de simples mises en page, à l'aide de la pré-construit des contrôles et des gestionnaires de disposition de la JavaFX bibliothèque est le meilleur (par exemple, la commande ci-dessus pourrait avoir été mis en œuvre en utilisant juste une Étiquette ou un Texte dans StackPane). Où je ne peux pas tout à fait obtenir la mise en page j'ai besoin de l'intégré dans les mises en page, alors je vais compléter leur utilisation avec les liaisons, que je trouve également très facile de travailler avec. Je ne cours pas dans le besoin d'utiliser layoutChildren que beaucoup. C'est probablement juste une question de mise à l'échelle de définir des complexes de groupes de nœuds - les plus susceptibles de faire les calculs dans le layoutChildren méthode fonctionne mieux et peut-être plus facile de travailler avec et de débogage lorsqu'il est appliqué à des complexes de groupes de nœuds.

4. Plutôt que de tronquer Text par le calcul de la taille du texte et eliding caractères supplémentaires à partir d'un String comme un Label n', le code à la place des appels setClip sur le nœud de texte visuellement clip pour le rectangle de la taille. Si au contraire vous souhaitez tronquer Text plus comme un Label, alors vous pouvez regarder le code pour le JavaFX classe utilitaire qui fait le calcul de la zone de texte.

5. L'exemple de code dans la question ne compile pas car il manque un support sur le wrappingWidthProperty expression et il utilise getValue et getWidth méthodes à l'intérieur d'un bind expression, qui n'est pas possible - à la place, il a besoin d'utiliser un listener sur le boundsInLocalProperty.

Aussi, créé un petit exemple d'application faire des démonstrations de l'ajout de texte est placé dans une Étiquette avec un fond rectangulaire à un Volet avec un contrôle précis de la position x,y de l'étiquette rectangle via la liaison.