Lier Taille de la Police dans JavaFX?

Définir le .racine -fx-font-size

1. Créer un feuille de style personnalisée pour votre application.

2. Dans la feuille de style .root sélecteur, ensemble -fx-font-size la valeur souhaitée:

   .racine {
   -fx-font-size: 40px;
   }

Pourquoi cela fonctionne

Cela fonctionne parce que:

1. Tous les contrôles par défaut sont basées sur em unités (qui sont basés sur la taille de police par défaut).
2. -fx-font-size est un hérité style.
3. Tout hérite de la racine.

Une fois que vous faites cela, tous les contrôles (et le texte à l'intérieur) se redimensionner automatiquement bien pour s'adapter quelle que soit la taille de police que vous avez spécifié.

Liées Échantillon

• javafx redimensionnement automatique et bouton de rembourrage

Informations Liées

em générique est une unité qui n'est pas spécifique à JavaFX et em unités sont également utilisées en HTML CSS. Si vous êtes intéressé, vous pouvez lire un un débat plus large sur em unités par rapport à d'autres unités.

À l'aide de em unités au FXML par l'expression de liaison

De simplement définir une taille de police par défaut, vous reçoit environ 90% du chemin à l'endroit où vous devez être, mais n'est pas forcément universel fixer comme certains l'agencement des unités peut être spécifié de ne pas utiliser em unités. La plupart du temps ce n'est pas vraiment un problème, mais si il est dans votre cas, vous pouvez également appliquer un mécanisme décrit dans un Oracle liste de diffusion des développeurs post, qui semble fonctionner, cependant, est un peu maladroit.

Comment l'utilisation d'une expression de liaison.

Pour 35em x 25em vous pourriez écrire:

prefWidth="${35*u.em}" prefHeight="${25*u.em}"

Il n'est pas 100% concis, mais peut-être praticables.

Ce genre de dimensionnement des expressions de travailler en scène builder 1.1, ce qui est agréable.

---

Voici un exemple en utilisant un Rectangle pour stocker la largeur et la hauteur des modificateurs pour le fichier fxml.

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.shape.*?>
<StackPane xmlns:fx="http://javafx.com/fxml">
<fx:define>
<Rectangle fx:id="s" width="13" height="13"/>
</fx:define>
<AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="${22 * s.width}" prefWidth="${14 * s.height}">
<children>
<Button layoutX="${4 * s.width}" layoutY="${ 5 * s.height}" prefWidth="${6 * s.width}" text="Top" />
<Button layoutX="${4 * s.width}" layoutY="${10 * s.height}" prefWidth="${6 * s.width}" text="Middle" />
<Button layoutX="${4 * s.width}" layoutY="${15 * s.height}" prefWidth="${6 * s.width}" text="Bottom" />
</children>
</AnchorPane>
</StackPane>

---

Ou au lieu de cela, vous pouvez créer votre propre unité de la classe et de l'utiliser dans votre dimensionnement des expressions, par exemple:

package org.jewelsea.measure;
public class Measurement {
private double em;
public  void   setEm(double em) { this.em = em; }
public  double getEm()          { return em; }
}
. . .
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import org.jewelsea.measure.Measurement?>
<?scenebuilder-classpath-element .?>
<StackPane xmlns:fx="http://javafx.com/fxml">
<fx:define>
<Measurement fx:id="u" em="26.0" />
</fx:define>
<AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="${22*u.em}" prefWidth="${14*u.em}">
<children>
<Button layoutX="${4*u.em}" layoutY="${ 5*u.em}" prefWidth="${6*u.em}" text="Top" />
<Button layoutX="${4*u.em}" layoutY="${10*u.em}" prefWidth="${6*u.em}" text="Middle" />
<Button layoutX="${4*u.em}" layoutY="${15*u.em}" prefWidth="${6*u.em}" text="Bottom" />
</children>
</AnchorPane>
</StackPane>

OriginalL'auteur jewelsea

J'ai eu un problème similaire et résolu de cette façon:

1. dans le CSS et le FXML fichiers, j'ai défini toutes les tailles de police de façon relative, en utilisant uniquement des "em" au lieu de "%" ou "px"
2. dans le contrôleur de la fenêtre principale, j'ai lié un double de la valeur au sein d'une propriété de style de la fenêtre principale d'une scène de la taille de la propriété (par exemple, une approximation de la longueur de sa diagonale)

Cela fonctionne parce que le style qui est défini pour le volet principal affectera en tant que modificateur de tous les nœuds qui sont déjà définies dans le FXML. Les nœuds qui ont déjà une classe de style sont également touchés, comme le nouveau style vient s'ajouter la couche supérieure de style dans les feuilles de style en cascade.

Le principal avantage de cette solution est de gérer en un seul endroit, la taille de la police facteur de zoom. Ainsi, vous n'avez pas à trouver chaque nœud qui a une propriété de Police pour qu'il fonctionne.

Exemples de fichiers:

les styles.css

.label {
-fx-font-size: 1.1em;
}
.title {
-fx-font-size: 1.5em;
-fx-font-weight: bold;
}

principal.fxml

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.*?>
<?import javafx.scene.control.cell.*?>
<?import javafx.scene.layout.*?>
<BorderPane style="-fx-background-color: #fff;"
xmlns="http://javafx.com/javafx/8"
xmlns:fx="http://javafx.com/fxml/1"
prefWidth="1280.0" prefHeight="720.0"
fx:controller="controllers.MainController">
<top>
<Label text="Application title" styleClass="title"/>
</top>
<center>
<Label text="Lorem ipsum"/>
</center>
</BorderPane>

MainController.java

package controllers;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.layout.BorderPane;
public class MainController implements Initializable {
@FXML private BorderPane mainPane;
@Override
public void initialize(URL url, ResourceBundle resourceBundle) {
initializeFontSizeManager();
}
private void initializeFontSizeManager() {
//Cf. https://stackoverflow.com/questions/13246211/javafx-how-to-get-stage-from-controller-during-initialization
mainPane.sceneProperty().addListener((observableScene, oldScene, newScene) -> {
//We need a scene to work on
if (oldScene == null && newScene != null) {
DoubleProperty fontSize = new SimpleDoubleProperty(0);
fontSize.bind(newScene.widthProperty().add(newScene.heightProperty())
.divide(1280 + 720) //I know, it's a very rough approximation :)
.multiply(100)); //get a suitable value to put before the '%' symbol in the style
mainPane.styleProperty().bind(
Bindings.concat("-fx-font-size: ", fontSize.asString("%.0f")).concat("%;"));
}
});
}
}

OriginalL'auteur Alexandre