首先来个效果图.
下面教大家如果写.
1.打开idea,新建项目File --- New -- Project --- Java FX -- next就好了.
然后finish结束.新建项目结束.
2.在 .fxml 布局里写代码.如下:
<?import javafx.scene.layout.GridPane?> <?import javafx.scene.control.Label?> <?import javafx.scene.control.TextField?> <?import javafx.scene.control.CheckBox?> <?import javafx.scene.control.RadioButton?> <?import javafx.scene.control.Button?> <?import javafx.scene.control.PasswordField?> <?import javafx.scene.text.Text?> <?import javafx.scene.control.ChoiceBox?> <?import javafx.collections.FXCollections?> <?import java.lang.String?> <GridPane fx:controller="sample.Controller" xmlns:fx="http://javafx.com/fxml" alignment="center" hgap="10" vgap="10"> <Label text="姓名" GridPane.columnIndex="0" GridPane.rowIndex="0"/> <Label text="性别" GridPane.columnIndex="0" GridPane.rowIndex="1"/> <ChoiceBox fx:id="cb_select_sex" GridPane.columnIndex="1" GridPane.rowIndex="1" prefWidth="200.0"> <items> <FXCollections fx:factory="observableArrayList"> <String fx:value="男"/> <String fx:value="女"/> </FXCollections> </items> </ChoiceBox> <Label text="年龄" GridPane.columnIndex="0" GridPane.rowIndex="2"/> <Label text="家庭住址" GridPane.columnIndex="0" GridPane.rowIndex="3"/> <CheckBox text="男" GridPane.columnIndex="0" GridPane.rowIndex="4"/> <CheckBox text="女" GridPane.columnIndex="1" GridPane.rowIndex="4"/> <RadioButton text="男" GridPane.columnIndex="0" GridPane.rowIndex="5"/> <RadioButton text="女" GridPane.columnIndex="1" GridPane.rowIndex="5"/> <Button fx:id="click" text="点击" GridPane.columnIndex="0" GridPane.rowIndex="6"/> <Label text="密码" GridPane.columnIndex="0" GridPane.rowIndex="7"/> <TextField GridPane.columnIndex="1" GridPane.rowIndex="0"/> <TextField GridPane.columnIndex="1" GridPane.rowIndex="2"/> <TextField GridPane.columnIndex="1" GridPane.rowIndex="3"/> <PasswordField GridPane.columnIndex="1" GridPane.rowIndex="7"/> <Text text="正确" GridPane.columnIndex="2" GridPane.rowIndex="7"></Text> </GridPane>
3.讲一下
TextField---输入框 CheckBox---复选框 ChoiceBox---下拉选择框 Button---按钮 PasswordField---密码框
4.然后就over了,记得关注我哦