javafxml做客户端

javafxml只支持jdk1.8以上的版本
第一步，新建一个.fmxl的文件，
它有两个界面可以切换
在这里插入图片描述

可以选择左边的一项编写代码，也可以选择右边的拖拽

<?xml version="1.0" encoding="UTF-8"?> <?import javafx.scene.control.Button?> <?import javafx.scene.control.DatePicker?> <?import javafx.scene.control.Label?> <?import javafx.scene.control.TextArea?> <?import javafx.scene.control.TextField?> <?import javafx.scene.layout.ColumnConstraints?> <?import javafx.scene.layout.FlowPane?> <?import javafx.scene.layout.GridPane?> <?import javafx.scene.layout.Pane?> <?import javafx.scene.layout.RowConstraints?>

<GridPane alignment=“center” hgap=“10” vgap=“10” xmlns=“http://javafx.com/javafx/8.0.121” xmlns:fx=“http://javafx.com/fxml/1” fx:controller=“controller.FxmlController”>//对应的java文件
<columnConstraints>
<ColumnConstraints />
</columnConstraints>
<rowConstraints>
<RowConstraints />
</rowConstraints>
<children>
<FlowPane prefHeight=“500.0” prefWidth=“855.0”>
<children>
<Pane maxWidth=“1.7976931348623157E308” prefHeight=“499.0” prefWidth=“855.0”>
<children>
<Pane layoutX=“6.0” prefHeight=“105.0” prefWidth=“484.0” style="-fx-border-color: #82e88b;">
<children>
<Label layoutX=“17.0” layoutY=“13.0” text=“配置1” />
</children>
</Pane>
<Label layoutX=“23.0” layoutY=“38.0” text=“配置1” />

<Label layoutX=“230.0” layoutY=“38.0” text=“配置1” />
<TextField layoutX=“302.0” layoutY=“34.0” prefHeight=“23.0” prefWidth=“106.0” />
<TextField layoutX=“96.0” layoutY=“68.0” prefHeight=“23.0” prefWidth=“106.0” />
<Label layoutX=“23.0” layoutY=“72.0” text=“配置1” />
<Label layoutX=“230.0” layoutY=“72.0” text=“配置1” />
<Label layoutX=“543.0” layoutY=“22.0” text=“配置1” />
<Label layoutX=“567.0” layoutY=“50.0” text=“配置1” />
<TextField layoutX=“302.0” layoutY=“68.0” prefHeight=“23.0” prefWidth=“106.0” />
<Button fx:id=“configBtn” layoutX=“419.0” layoutY=“54.0” mnemonicParsing=“false” text=“配置1” />
<Pane layoutX=“500.0” prefHeight=“105.0” prefWidth=“349.0” style="-fx-border-color: #82e88b;" />
<DatePicker fx:id=“dateTime” layoutX=“632.0” layoutY=“46.0” prefHeight=“23.0” prefWidth=“115.0” />
<Button layoutX=“549.0” layoutY=“76.0” mnemonicParsing=“false” onAction="#uploadByHand" prefHeight=“23.0” prefWidth=“89.0” text=“手动上传” />
<Pane layoutX=“5.0” layoutY=“105.0” prefHeight=“387.0” prefWidth=“842.0”>
<children>
<TextArea fx:id=“historyInfo” layoutX=“10.0” layoutY=“6.0” prefHeight=“373.0” prefWidth=“819.0” disable=“true” />
</children></Pane>
</children>
</Pane>
</children>
</FlowPane>
</children>
</GridPane>

加上fx:id=""属性的标签可以在对应的java文件使用@FXML来获取，如在这里插入图片描述

可以当做变量来获取值，如DatePicker dataTime; 可以用可以在方法中getValue()来获取值 System.out.println(dateTime.getValue());

启动
![在这里插入图片描述](https://img-blog.csdnimg.cn/20181027201135970.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvZGVDU0ROemhhbmdoYW8=,size_27,color_FFFFFF,t_70![在这里插入图片描述](https://img-blog.csdnimg.cn/20181027201622650.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvZGVDU0ROemhhbmdoYW8=,size_27,color_FFFFFF,t_70运行结果

猜你喜欢