代码之家  ›  专栏  ›  技术社区  ›  Joe Mau

按下按钮时,应在日期选择器处显示和计数一个数字。

  •  1
  • Joe Mau  · 技术社区  · 6 年前

    如果我按下“已选择”按钮,则在日期选取器中的今天日期应显示一个数字,而且我越频繁地按下“已选择”按钮,该数字应被计数。

    例如:

    今天我们有27.05,所以如果我按“选定”按钮,A在那里,如果我再按一次按钮,应该是2在那里,如果我第三次按按钮,应该是3在那里,以此类推。

    enter image description here

    希望有人能帮忙,提前谢谢。

    我的代码:

    主类

    import javafx.application.Application;
    import javafx.fxml.FXMLLoader;
    import javafx.scene.Parent;
    import javafx.scene.Scene;
    import javafx.stage.Stage;
    
    public class Main extends Application {
    
        @Override
        public void start(Stage primaryStage) throws Exception{
            Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
            primaryStage.setTitle("Hello World");
            primaryStage.setScene(new Scene(root, 600, 400));
            primaryStage.show();
        }
    
        public static void main(String[] args) {
            launch(args);
        }
    }
    

    控制器.java

    import javafx.event.ActionEvent;
    import javafx.event.EventHandler;
    import javafx.fxml.FXML;
    import javafx.fxml.Initializable;
    import javafx.scene.control.Button;
    import javafx.scene.control.DateCell;
    import javafx.scene.control.DatePicker;
    import javafx.scene.control.Label;
    import javax.security.auth.callback.Callback;
    import java.net.URL;
    import java.time.LocalDate;
    import java.util.Date;
    import java.util.ResourceBundle;
    
    public class Controller {
    
        @FXML
        private Button button1;
    
        @FXML
        private DatePicker datePicker;       
    }
    

    样品.fxml

    <?xml version="1.0" encoding="UTF-8"?>
    
    <?import javafx.scene.control.Button?>
    <?import javafx.scene.control.DatePicker?>
    <?import javafx.scene.layout.AnchorPane?>
    
    <AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller">
       <children>
          <Button fx:id="button1" layoutX="344.0" layoutY="68.0" mnemonicParsing="false" text="selected" />
          <DatePicker fx:id="datePicker" layoutX="45.0" layoutY="56.0" />
       </children>
    </AnchorPane>
    

    编辑:

    控制器.java

    package sample;
    
    
        import javafx.event.ActionEvent;
        import javafx.event.EventHandler;
        import javafx.fxml.FXML;
        import javafx.fxml.Initializable;
        import javafx.scene.control.Button;
        import javafx.scene.control.DateCell;
        import javafx.scene.control.DatePicker;
        import javafx.scene.control.Label;
    
        import javax.security.auth.callback.Callback;
        import java.net.URL;
        import java.time.LocalDate;
        import java.util.Date;
        import java.util.ResourceBundle;
    
        public class Controller implements Initializable {
    
            private int clicksCounter = 0;
            private String date = String.valueOf(LocalDate.now().getDayOfMonth());
    
            @FXML
            private Button button2;
    
            @FXML
            private DatePicker datePicker;
    
            @Override
            public void initialize(URL location, ResourceBundle resources) {
                button2.setOnAction(new EventHandler<ActionEvent>() {
                    @Override
                    public void handle(ActionEvent event) {
                        clicksCounter++;
                    }
                });
    
                javafx.util.Callback<DatePicker, DateCell> set = new javafx.util.Callback<DatePicker, DateCell>() {
                    @Override
                    public DateCell call(final DatePicker datePicker) {
                        return new DateCell() {
                            @Override public void updateItem(LocalDate item, boolean empty) {
                                super.updateItem(item, empty);
                                //if today, change text and style
                                if (item.equals(LocalDate.now())) {
                                    setText(date +"/" + clicksCounter);
                                    setStyle("-fx-background-color: #ffc0cb;");
                                }
                            }
                        };
                    }
                };
                //datePicker.setDayCellFactory(dayCellFactory);
    
    
            }
        }
    
    2 回复  |  直到 6 年前
        1
  •  1
  •   c0der    6 年前

    您可以控制和操作单个(或多个) DateCell 使用 cell factory . 注意注释:

    import java.time.LocalDate;
    import javafx.application.Application;
    import javafx.scene.Scene;
    import javafx.scene.control.Button;
    import javafx.scene.control.DateCell;
    import javafx.scene.control.DatePicker;
    import javafx.scene.layout.VBox;
    import javafx.stage.Stage;
    import javafx.util.Callback;
    
    public class FxTest extends Application {
    
        private int clicksCounter = 0; //count clicks
        //todays date as string
        private String date = String.valueOf(LocalDate.now().getDayOfMonth());
    
        @Override
        public void start(Stage primaryStage) throws Exception {
    
            DatePicker datePicker = new DatePicker();
            //construct a cell factory
            final Callback<DatePicker, DateCell> dayCellFactory = new Callback<DatePicker, DateCell>() {
                @Override
                public DateCell call(final DatePicker datePicker) {
                    return new DateCell() {
                        @Override public void updateItem(LocalDate item, boolean empty) {
                            super.updateItem(item, empty);
                            //if today, change text and style
                            if (item.equals(LocalDate.now())) {
                                setText(date +"/" + clicksCounter);
                                setStyle("-fx-background-color: #ffc0cb;");
                            }
                        }
                    };
                }
            };
            datePicker.setDayCellFactory(dayCellFactory); //assign cell factory to picker
    
            Button button = new Button("Selected");
            button.setOnAction(e -> clicksCounter++); //update counter
    
            VBox vBox = new VBox( button, datePicker);
            Scene scene = new Scene(vBox, 400, 400);
            primaryStage.setScene(scene);
            primaryStage.show();
        }
    
        public static void main(String[] args) { launch(args);}
    }
    

    enter image description here

        2
  •  0
  •   c0der    6 年前

    对编辑过的问题的回答: 有2个错误:

    fxml 你使用

    Button fx:id="button1"
    

    在控制器中:

    @FXML
    private Button button2; 
    

    这是错误的。必须与中的同名 FXML
    (因为按钮2未在 FXML 使用它一定是扔了一个 NullPointerException 不应忽略)

    第二个问题是:您将单元工厂的名称更改为
    javafx.util.Callback<DatePicker, DateCell> set

    此处也应更改:
    datePicker.setDayCellFactory(dayCellFactory); 否则它将无法编译。