JavaFx+JFoenix创建一个登录界面

JavaFx+JFoenix创建一个登录界面

1.环境搭建阅读下面的博客

JavaFx+JFoenix开发环境搭建+Demo：环境搭建

2. 登录界面demo

package javafxdemo;

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.PasswordField;
import javafx.scene.control.TextField;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.HBox;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
import javafx.stage.Stage;


/**
 * @author bruce
 *
 */
public class Login extends Application {
    public static void main(String[] args) {
        Application.launch(args);
    }
    @Override
    public void start(Stage stage) throws Exception {
        //设置窗口名称
        stage.setTitle("Welcome javaFX");
        //设置窗口宽度
        stage.setWidth(800);
        //设置创库高度
        stage.setHeight(800);
        //创建一个网格窗格
        GridPane gridPane = new GridPane();
        //设置网格居中显示
        gridPane.setAlignment(Pos.CENTER);
        //设置每个格子之间垂直间距
        gridPane.setHgap(10);
        //设置每个格子之间水平间距
        gridPane.setVgap(10);
        //padding属性管理网格窗格边缘周围的空间,按照顶部，右侧，底部和左侧的顺序排列
        gridPane.setPadding(new Insets(20,20,20,20));

        //创建一个文本
        Text scenetitle  = new Text("WelCome");
        //设置文本字体
        scenetitle.setFont(Font.font("Tahoma", FontWeight.NORMAL, 20));
        //将文本添加到网格的第0列0行，列的跨度2，行的跨度1
        gridPane.add(scenetitle,0,0,2,1);

        //创建一个标签
        Label user_name = new Label("User Name");
        //将user_name标签添加到网格窗口的0列1行
        gridPane.add(user_name,0,1);

        //创建一个可输入文本框
        TextField usertextField = new TextField();
        //将可输入文本框添加到网格窗口的1列1行
        gridPane.add(usertextField,1,1);

        //创建一个标签
        Label pass_word = new Label("Pass Word");
        //将pass_word标签添加到网格窗口的0列2行
        gridPane.add(pass_word,0,2);

        //创建一个password类型的输入框
        PasswordField pwBox  = new PasswordField();
        //将password类型的输入框添加到网格的1列2行位置
        gridPane.add(pwBox,1,2);

        //创建一个按钮
        Button btn = new Button("Sign in");
        //创建一个盒子
        HBox hBox = new HBox();
        //设置盒子对齐方式为底部右边
        hBox.setAlignment(Pos.BOTTOM_RIGHT);
        //将按钮添加到盒子中
        hBox.getChildren().add(btn);
        //将盒子添加到网格窗口的1列4行位置
        gridPane.add(hBox,1,4);

        //创建一个空文本，在下面的事件中调用该文本。
        Text actiontarget  = new Text();
        //将文本添加到网格窗口的1列6行
        gridPane.add(actiontarget,1,6);

        // 创建一个时间，当点击登录按钮时候触发上面actiontarget的文本
        btn.setOnAction(new EventHandler<ActionEvent>() {

            @Override
            public void handle(ActionEvent e) {
                //设置 Test的文本颜色
                actiontarget.setFill(Color.FIREBRICK);
                //设置 Test的文本内容
                actiontarget.setText("Sign in button pressed");
            }
        });

        //设置是否显网格线，在调试时候网格线可以作为布局调整依据。
        gridPane.setGridLinesVisible(true);

        //1.创建一个场景，将网格布局放入场景中
        Scene scene = new Scene(gridPane, 700, 700);
        //2.将场景放入窗口中。
        stage.setScene(scene);
        //3.打开窗口
        stage.show();

    }
}

2.1.运行效果