Labeled 컨트롤의 텍스트가 변경되었을 때 Labeled 컨트롤의 크기를 조정하지 못하게하려면 어떻게해야합니까?

Question

제목에서 알 수 있듯이 javafx.scene.control.Label의 텍스트를 변경하면 동일한 레이아웃에 포함 된 모든 구성 요소의 크기가 조정됩니다. 이걸 정확히 어떻게 막을 수 있습니까?

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

<?import org.think.software.test.javafx.view.login.LoginView?> 

<?import javafx.scene.layout.GridPane?> 

<?import javafx.scene.control.Button?> 
<?import javafx.scene.control.Label?> 
<?import javafx.scene.control.TextField?> 
<?import javafx.scene.control.PasswordField?> 

<?import javafx.geometry.Insets?> 

<LoginView fx:controller="org.think.software.test.javafx.view.login.LoginView" 
    xmlns:fx="http://think.org/software/test/javafx/login" alignment="CENTER" 
    hgap="10" vgap="10"> 
    <padding> 
     <Insets top="35" right="35" bottom="35" left="35" /> 
    </padding> 
    <Label fx:id="infoLabel" GridPane.columnIndex="0" 
     GridPane.rowIndex="0" GridPane.columnSpan="3" text="%infoLabelText" /> 
    <Label fx:id="usernameLabel" GridPane.columnIndex="0" 
     GridPane.rowIndex="1" text="%usernameLabelText" /> 
    <TextField fx:id="usernameField" GridPane.columnIndex="1" 
     GridPane.rowIndex="1" GridPane.columnSpan="2" promptText="%usernameFieldPromptText" /> 
    <Label GridPane.columnIndex="0" GridPane.rowIndex="2" 
     text="%passwordLabelText" /> 
    <PasswordField fx:id="passwordField" 
     GridPane.columnIndex="1" GridPane.rowIndex="2" GridPane.columnSpan="2" 
     promptText="%passwordFieldPromptText" /> 
    <Button fx:id="loginButton" GridPane.columnIndex="0" 
     GridPane.rowIndex="3" GridPane.columnSpan="3" 
     onAction="java.lang.System.out.println(infoLabel.setText('Logging in...'));" 
     text="%loginButtonText" /> 
</LoginView> 

Answer 1

사용하는 일부 열 제약은 다른 열 확장을 제어하기 : 여기 내 FXML 마크 업입니다.

어떤 행에 두 개 이상의 구성 요소가 없기 때문에 텍스트 필드가 두 개의 열에 걸쳐있는 이유는 분명하지 않습니다. 내가 좋아하는 뭔가를 시도 할 것입니다 :

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

<?import org.think.software.test.javafx.view.login.LoginView?> 

<?import javafx.scene.layout.GridPane?> 
<?import javafx.scene.layout.ColumnConstraints?> 

<?import javafx.scene.control.Button?> 
<?import javafx.scene.control.Label?> 
<?import javafx.scene.control.TextField?> 
<?import javafx.scene.control.PasswordField?> 

<?import javafx.geometry.Insets?> 

<LoginView fx:controller="org.think.software.test.javafx.view.login.LoginView" 
    xmlns:fx="http://think.org/software/test/javafx/login" alignment="CENTER" 
    hgap="10" vgap="10"> 
    <padding> 
     <Insets top="35" right="35" bottom="35" left="35" /> 
    </padding> 
    <Label fx:id="infoLabel" GridPane.columnIndex="0" 
     GridPane.rowIndex="0" GridPane.columnSpan="2" text="%infoLabelText" /> 
    <Label fx:id="usernameLabel" GridPane.columnIndex="0" 
     GridPane.rowIndex="1" text="%usernameLabelText" /> 
    <TextField fx:id="usernameField" GridPane.columnIndex="1" 
     GridPane.rowIndex="1" promptText="%usernameFieldPromptText" /> 
    <Label GridPane.columnIndex="0" GridPane.rowIndex="2" 
     text="%passwordLabelText" /> 
    <PasswordField fx:id="passwordField" 
     GridPane.columnIndex="1" GridPane.rowIndex="2" 
     promptText="%passwordFieldPromptText" /> 
    <Button fx:id="loginButton" GridPane.columnIndex="0" 
     GridPane.rowIndex="3" GridPane.columnSpan="2" 
     onAction="java.lang.System.out.println(infoLabel.setText('Logging in...'));" 
     text="%loginButtonText" /> 

    <columnConstraints> 
     <!-- left column --> 
     <ColumnConstraints hgrow="NEVER" halignment="RIGHT" /> 
     <!-- right column --> 
     <ColumnConstraints hgrow="SOMETIMES" halignment="LEFT" minWidth="150" maxWidth="600" /> 
    </columnConstraints> 
</LoginView> 

minWidth 및 maxWidth의 값은 단지 예를; 당신은 그것들을 가지고 실험 할 수 있습니다 (아니면 그것들을 완전히 생략 할 수도 있습니다). 원하는 정확한 동작에 따라 오른쪽 열에 hgrow="ALWAYS"을 시도 할 수도 있습니다.