JavaFX程序运行，但仍然出现异常

Question

我正在编写一个使用 slider 计算小费的 JavaFX 程序。它工作得相当好，但是当我更改 slider 的值时，我收到一系列错误，例如 Exception in thread "JavaFX Application Thread" java.lang.RuntimeException: Label.text : A bound value cannot be set.

看来我的错误与绑定(bind)到 slider 有关，但不确定问题是什么，因为它按照我的预期运行。任何指示将不胜感激。谢谢

这是程序:

提示计算器.java

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class TipCalculator extends Application
{

    @Override
    public void start(Stage stage) throws Exception
    {
        Parent root = FXMLLoader.load(getClass().getResource("TipCalculator.fxml"));

        Scene scene = new Scene(root);
        stage.setTitle("Tip Calculator");
        stage.setScene(scene);
        stage.show();
    }

   public static void main(String[] args)
    {
        launch(args);
    }
}

TipCalculatorController.java

import java.math.BigDecimal;
import java.math.RoundingMode;
import java.text.NumberFormat;
import javafx.beans.property.Property;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.fxml.FXML;
import javafx.scene.control.Label;
import javafx.scene.control.Slider;
import javafx.scene.control.TextField;

public class TipCalculatorController
{
    private static final NumberFormat currency =
        NumberFormat.getCurrencyInstance();
    private static final NumberFormat percent =
        NumberFormat.getPercentInstance();

    private BigDecimal tipPercentage = new BigDecimal(0.15);

    @FXML
    private TextField amountTextField;

    @FXML
    private Label tipPercentageLabel;

    @FXML 
    private Slider tipPercentageSlider;

    @FXML
    private TextField tipTextField;

    @FXML
    private TextField totalTextField;

    @FXML
    private void initialize()
    {
        try
        {
            BigDecimal amount = new BigDecimal(amountTextField.getText());
            BigDecimal tip = amount.multiply(tipPercentage);
            BigDecimal total = amount.add(tip);

            tipTextField.setText(currency.format(tip));
            totalTextField.setText(currency.format(total));
        }
        catch (NumberFormatException ex)
        {
            amountTextField.setText("Enter amount");
            amountTextField.selectAll();
            amountTextField.requestFocus();
        }

        tipPercentageLabel.textProperty().bind           
            (tipPercentageSlider.valueProperty().asString("%.0f"));

        currency.setRoundingMode(RoundingMode.HALF_UP);

        tipPercentageSlider.valueProperty().addListener(
            new ChangeListener<Number>()
            {
                @Override
                public void changed(ObservableValue<? extends Number> ov,
                        Number oldValue, Number newValue)
                {
                    tipPercentage =
                            BigDecimal.valueOf(newValue.intValue() / 100.0);
                    tipPercentageLabel.setText(percent.format(tipPercentage));
                }
            }
        );
    }
}

提示计算器.fxml

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

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

<GridPane hgap="8.0" vgap="8.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="TipCalculatorController">
  <columnConstraints>
    <ColumnConstraints halignment="RIGHT" hgrow="SOMETIMES" minWidth="10.0" />
    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" />
  </columnConstraints>
  <rowConstraints>
    <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
    <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
    <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
      <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
  </rowConstraints>
   <children>
      <Label text="Amount" />
      <Label fx:id="tipPercentageLabel" text="15%" GridPane.rowIndex="1" />
      <Label text="Tip" GridPane.rowIndex="2" />
      <Label text="Total" GridPane.rowIndex="3" />
      <TextField fx:id="amountTextField" onAction="#initialize" GridPane.columnIndex="1" />
      <TextField fx:id="tipTextField" editable="false" focusTraversable="false" GridPane.columnIndex="1" GridPane.rowIndex="2" />
      <TextField fx:id="totalTextField" editable="false" focusTraversable="false" GridPane.columnIndex="1" GridPane.rowIndex="3" />
      <Slider fx:id="tipPercentageSlider" blockIncrement="5.0" max="30.0" onDragDetected="#initialize" value="15.0" GridPane.columnIndex="1" GridPane.rowIndex="1" />
   </children>
   <padding>
      <Insets bottom="14.0" left="14.0" right="14.0" top="14.0" />
   </padding>
</GridPane>

Answer 1

正如异常所示，无法设置绑定(bind)值。绑定(bind)的要点是您声明一个属性应该始终具有依赖于另一个属性的值。如果您可以直接设置绑定(bind)属性，则可能会违反绑定(bind)指定的约定。

所以当你这样做时

tipPercentageLabel.textProperty().bind           
        (tipPercentageSlider.valueProperty().asString("%.0f"));

您确保 tipPercentageLabel 的文本属性始终具有 tipPercentageSlider.getValue() 的字符串值(格式为一位小数， ETC)。如果您随后被允许设置 tipPercentageLabel 的文本，则可能会违反此绑定(bind)，因此现在禁止这样做。

因此，

    tipPercentageSlider.valueProperty().addListener(
        new ChangeListener<Number>()
        {
            @Override
            public void changed(ObservableValue<? extends Number> ov,
                    Number oldValue, Number newValue)
            {
                tipPercentage =
                        BigDecimal.valueOf(newValue.intValue() / 100.0);
                tipPercentageLabel.setText(percent.format(tipPercentage));
            }
        }
    );

当 slider 值更改时抛出异常，因为它尝试显式设置标签的文本。

绑定(bind)和监听器实际上只是实现(或多或少)相同的事情(给予或采取一些格式)的两种方式。因此，问题的解决方案是您应该只有其中之一:删除绑定(bind)，或删除监听器。就我个人而言，我发现绑定(bind)方法更优雅(我更喜欢显式声明依赖项，而监听器则更机械)。您的里程可能会有所不同。

如果您想使用百分比格式，可以通过绑定(bind)来实现

tipPercentageLabel.textProperty().bind(Bindings.createStringBinding(() -> {
    tipPercentage = BigDecimal.valueOf(newValue.intValue() / 100.0);
    return percent.format(tipPercentage);
}, tipPercentageSlider.valueProperty());

或者你也可以这样做

tipPercentageLabel.textProperty().bind(tipPercentageSlider.asString("%.0f%%"));

(格式字符串中的 %% 给出 "%" 符号)。