Zone / TitledBorder en JavaFX 2?

Est là quelque chose comme un Zone ou TitledBorder disponible sur JavaFX 2?

Merci pour toute suggestion 🙂

InformationsquelleAutor stefan.at.wpf | 2013-02-13

39

Pas une telle norme de contrôle, mais il est facile de créer votre propre. Voici un exemple de mise en œuvre:
```
/** Places content in a bordered pane with a title. */
class BorderedTitledPane extends StackPane {
  BorderedTitledPane(String titleString, Node content) {
    Label title = new Label(" " + titleString + " ");
    title.getStyleClass().add("bordered-titled-title");
    StackPane.setAlignment(title, Pos.TOP_CENTER);

    StackPane contentPane = new StackPane();
    content.getStyleClass().add("bordered-titled-content");
    contentPane.getChildren().add(content);

    getStyleClass().add("bordered-titled-border");
    getChildren().addAll(title, contentPane);
  }
}
```
Et le css pour elle:
```
.label {
  -fx-font: 28px Vivaldi;
}

.bordered-titled-title {
  -fx-background-color: white;
  -fx-translate-y: -16;
}

.bordered-titled-border {
  -fx-content-display: top;
  -fx-border-insets: 20 15 15 15;
  -fx-background-color: white;
  -fx-border-color: black;
  -fx-border-width: 2;
}

.bordered-titled-content {
  -fx-padding: 26 10 10 10;
}
```
Le code est à partir d'un exemple j'ai créé en réponse à un Oracle JavaFX fil de discussion du forum post "L'équivalent de BorderFactory.createTitledBorder".

La sortie de l'exemple de programme comme indiqué ci-dessous.
- génial, merci! Avez-vous déjà pensé à une version qui peut être utilisé complètement à l'aide de FXML, donc où la le titre et le contenu est possible de l'intérieur FXML?
- a obtenu un FXML version, voir ma réponse ci-dessous. Cependant j'ai besoin d'un normal/police plus petite et dans ce cas, le titre n'est pas centré (à la verticale!) à la frontière de tout soupçon à ce sujet? Obtenu fixe, voir ma réponse ci-dessous.
- jewelsea, pouvez-vous s'il vous plaît ajouter un lien à partir de l'Oracle forum de retour à ce fil (pour le FXML version)?
- hmm problème avec les titres longs, voir ma réponse ci-dessous. toute allusion à ce sujet? ): liaison cotnent largeur de l'étiquette largeur + contrebalancé en partie ou pas?
- est-il possible de créer intitulé volet de la frontière et de tuiles exactement le même style (taille, couleur), comme les autres, JavaFX composants?
- face à problème dans la mise en œuvre, il a travaillé seulement après que j'ai changé getChildren().addAll(titre, contentPane); à getChildren().addAll(contentPane, titre);
InformationsquelleAutor jewelsea
31

J'ai utilisé TitledPane avec setCollapsible(false). Il semble plus cohérent que le à l'aide de styles CSS. Ici est le résultat
- Vraiment simple et pratique
InformationsquelleAutor Andriy Kryvtsun

FXML version de jewelsea réponse:

TitledBorder (j'ai renommé le BorderedTitledPane à TitledBorder)

package com.example.controls;

import javafx.geometry.Pos;
import javafx.scene.Node;
import javafx.scene.control.Label;
import javafx.scene.layout.StackPane;

public class TitledBorder extends StackPane 
{
    private Label titleLabel = new Label();
    private StackPane contentPane = new StackPane();
    private Node content;



    public void setContent(Node content)
    {
        content.getStyleClass().add("bordered-titled-content");
        contentPane.getChildren().add(content);
    }


    public Node getContent()
    {
        return content;
    }


    public void setTitle(String title)
    {
    titleLabel.setText(" " + title + " ");
    }


    public String getTitle()
    {
        return titleLabel.getText();
    }



    public TitledBorder() 
    {
        titleLabel.setText("default title");
        titleLabel.getStyleClass().add("bordered-titled-title");
        StackPane.setAlignment(titleLabel, Pos.TOP_CENTER);

        getStyleClass().add("bordered-titled-border");
        getChildren().addAll(titleLabel, contentPane);
      }

}

FXML utilisation:

<?import com.example.controls.*?>

<TitledBorder title="title" >       
    <Label text="label with text" />        
</TitledBorder>

Ne pas oublier la feuille de style!

Utiliser CSS pour une police normale:

.bordered-titled-title {
  -fx-background-color: white;
  -fx-translate-y: -10; /* play around with this value when changing the title font to get a vertically centered title */
}

.bordered-titled-border {
  -fx-content-display: top;
  -fx-border-insets: 20 15 15 15;
  -fx-background-color: white;
  -fx-border-color: black;
  -fx-border-width: 2;
}

.bordered-titled-content {
  -fx-padding: 26 10 10 10;
}

À l'aide de ce fichier, il ressemble maintenant à ceci:

Zone /TitledBorder en JavaFX 2?

Mise à jour:
Des problèmes lorsque le titre de propriété est plus contenu:

Zone /TitledBorder en JavaFX 2?
Aucune indication pour résoudre ce problème?

Qu'est-ce que le setContent() méthode pour? Il n'est jamais invoquée lors de l'analyse du fxml doc par FxmlLoader!
J'ai été à la chasse pour cette :)- mais il ne veut pas ouvrir en Scène bulider
vous pouvez résoudre votre problème à l'aide d'un bouton de sélection de chaîne, si vous pouvez trouver un moyen de rendre la longueur maximale de l'Étiquette du titre de la longueur de la caisse.

InformationsquelleAutor stefan.at.wpf

Voici un FXML document qui peut être chargé dans SceneBuilder qui a les mêmes fonctionnalités:

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<AnchorPane style="-fx-border-insets: 8 0 0 0; -fx-background-color: #FFFFFF; -fx-border-color: black;">
    <children>
        <Label alignment="TOP_LEFT" layoutX="14.0" style="-fx-padding: 0 5; -fx-background-color: inherit;" text="Title" />
        <AnchorPane prefHeight="200.0" prefWidth="200.0" AnchorPane.bottomAnchor="1.0" AnchorPane.leftAnchor="1.0" AnchorPane.rightAnchor="1.0" AnchorPane.topAnchor="10.0" />
    </children>
</AnchorPane>

Si vous avez besoin de faire le texte de l'étiquette /la frontière de plus grande taille, vous ne devriez avoir à modifier le CSS et le topAnchor de l'enfant AnchorPane et le premier argument de -fx-frontière-les encarts de la société mère AnchorPane.

Cela fonctionne bien avec la Scène Builder, Merci!

InformationsquelleAutor Doctor Parameter

0

Zone - qui est d'habitude le Groupe mise en page, autant que je le vois.

TitledBorder - ressemble à un TitledPane (ce qui est généralement une composante de l'Accordéon, mais pourrait être séparément, de contrôle existants).

JavaFX-2 analogues semble différente de la vôtre (mais pas de façon significative), et comme d'habitude, vous pouvez utiliser différents moyens de contrôle de l'apparence en train de changer: css, du contrôle de remplacement de la peau, etc

InformationsquelleAutor Alexander Kirov

Ici est une Zone de mise en œuvre basé sur TitledPane. Il dispose de trois méthodes pour définir le titre, le contenu, le contenu et le remplissage de la Zone.

public final class GroupBox extends Parent {

    private StackPane _stackPane;
    private TitledPane _titledPane;

    public GroupBox() {
        _stackPane = new StackPane();
        _titledPane = new TitledPane();
        setContentPadding(new Insets(10));
        _titledPane.setCollapsible(false);
        _titledPane.setContent(_stackPane);
        super.getChildren().add(_titledPane);
    }

    public GroupBox(String title, Node content) {
        this();
        setText(title);
        setContent(content);
    }

    public GroupBox(String title, Node content, Insets contentPadding) {
        this(title, content);
        setContentPadding(contentPadding);
    }

    public void setText(String value) {
        _titledPane.setText(value);
    }

    public void setContent(Node node) {
        _stackPane.getChildren().add(node);
    }

    public void setContentPadding(Insets value) {
        _stackPane.setPadding(value);
    }
}

InformationsquelleAutor Mohamed Handosa

Vous devez vous connecter pour publier un commentaire.