JavaFX --- 标签、文本框、密码框、下拉框、按钮、单选按钮、复选框

柔情只为你懂 2023-09-29 15:00 14阅读 0赞

**目录**

JavaFX的基本结构和概念

Application --- 代表了JavaFX的应用程序

Stage --- 舞台 --- 代表了一个窗体。

在Application的start方法中，提供了一个默认的窗体对象。我们也可以根据自己的需要，new出新的窗体。

Scene --- 场景 --- 代表了窗体当中的内容板。 Scene对象在创建的时候要求传参，参数是一个布局。

JavaFX控件

标签 Label

文本框 TextField

密码框 PasswordField

下拉框 ComboBox

按钮 Button

单选按钮 RadioButton

复选框 CheckBox

--------------------

### JavaFX的基本结构和概念 ###

#### Application --- 代表了JavaFX的应用程序 ####

#### Stage --- 舞台 --- 代表了一个窗体。 ####

#### 在Application的start方法中，提供了一个默认的窗体对象。我们也可以根据自己的需要，new出新的窗体。 ####

**示例：**

public class MyApplication extends Application {
    
        public static void main(String[] args) {
            launch();
        }
    
        @Override
        public void start(Stage stage) throws Exception {
    
            stage.setScene(new LoginScene);//设置运行时场景
            stage.setTitle("第一个窗体");//设置窗体标题
            stage.getIcons().add(new Image("file:img/logo.gif"));//设置窗体的logo
            //如果不写的话，以Stage中的Scene的大小决定
    //        stage.setWidth(600);//设置窗体的宽度
    //        stage.setHeight(400);//设置窗体的高度
            //不写的话默认居中
    //        stage.setX(100);//定制距离父容器左上角的x坐标
    //        stage.setY(100);//定制距离父容器左上角的y坐标
            stage.setResizable(false);//设置窗体大小不可变
            stage.show();//最好放在最后一条语句，保证内容构造好以后再一次性显示
        }
    }

#### **Scene --- 场景 --- 代表了窗体当中的内容板。 Scene对象在创建的时候要求传参，参数是一个布局。** ####

**锚点布局面板 示例：**

public class LoginScene extends Scene {
    
        private AnchorPane anchorPane;
    
        public LoginScene(){
    
            //锚点布局面板 --- 采用绝对定位的方式布局它内部的空间或子面板的位置
            super(new AnchorPane());
            this.anchorPane = (AnchorPane) this.getRoot();
    
        }
    }

## JavaFX控件 ##

### 标签 Label ###

示例：

Label nameLab = new Label("用户名:");//设置标签文本
    this.nameLab.setLayoutX(30);//设置x轴绝对定位
    this.nameLab.setLayoutY(30);//设置y轴绝对定位
    this.nameLab.setFont(new Font("宋体",18));//设置字体和文字大小 or .setStyle方法
    this.anchorPane.getChildren().add(this.nameLab);//添加该控件

### 文本框 TextField ###

示例：

TextField nameTxt = new TextField();
    this.nameTxt.setLayoutX(100);
    this.nameTxt.setLayoutY(24);
    this.nameTxt.setWidth(100);//设置文本框宽
    this.nameTxt.setHeight(30);//设置文本框高
    this.nameTxt.setPromptText("请输入姓名");//设置提示语句，文本框获取焦点以后自动消失
    this.nameTxt.setFont(new Font("宋体",15));
    this.anchorPane.getChildren().add(this.nameTxt);

### 密码框 PasswordField ###

示例：

PasswordField pwdTxt = new PasswordField();
    this.pwdTxt.setLayoutX(100);
    this.pwdTxt.setLayoutY(75);
    this.pwdTxt.setFont(new Font("宋体",15));
    this.anchorPane.getChildren().add(this.pwdTxt);

### 下拉框 ComboBox ###

示例：

ComboBox<String> idComb = new ComboBox<>();
    this.idComb.getItems().add("管理员");//添加可选项
    this.idComb.getItems().add("会员");
    this.idComb.getItems().add("非会员");
    this.idComb.setStyle("-fx-font-size:15px");//修改字体大小
    this.idComb.setLayoutX(100);
    this.idComb.setLayoutY(124);
    this.idComb.getSelectionModel().select(1);//修改默认显示选项
    this.anchorPane.getChildren().add(this.idComb);

### 按钮 Button ###

示例：

Button loginBtn = new Button("登陆");
    this.loginBtn.setFont(new Font("宋体",18));
    this.loginBtn.setLayoutX(300);
    this.loginBtn.setLayoutY(180);
    this.anchorPane.getChildren().add(this.loginBtn);

### 单选按钮 RadioButton ###

示例：

//单选按钮
    RadioButton maleButton = new RadioButton("男");
    RadioButton femalButton = new RadioButton("女");
    RadioButton unknownButton = new RadioButton("未知");
    
    this.maleButton.setLayoutX(20);
    this.maleButton.setLayoutY(200);
    this.femalButton.setLayoutX(120);
    this.femalButton.setLayoutY(200);
    this.unknownButton.setLayoutX(220);
    this.unknownButton.setLayoutY(200);
    this.unknownButton.setSelected(true);//设置默认选中
    
    //要有互斥效果，必须先分组
    ToggleGroup genderGroup = new ToggleGroup();
    this.maleButton.setToggleGroup(genderGroup);
    this.femalButton.setToggleGroup(genderGroup);
    this.unknownButton.setToggleGroup(genderGroup);

### 复选框 CheckBox ###

示例：

//复选框
    CheckBox readBox = new CheckBox("阅读");
    CheckBox musicBox = new CheckBox("运动");
    CheckBox sportBox = new CheckBox("音乐");
    CheckBox travelBox = new CheckBox("旅游");
    
    this.readBox.setLayoutX(20);
    this.readBox.setLayoutY(240);
    this.sportBox.setLayoutX(100);
    this.sportBox.setLayoutY(240);
    this.musicBox.setLayoutX(180);
    this.musicBox.setLayoutY(240);
    this.travelBox.setLayoutX(260);
    this.travelBox.setLayoutY(240);
    
       this.anchorPane.getChildren().addAll(this.readBox,this.sportBox,this.musicBox,this.travelBox);

###  ###