javaFx 学习笔记

1、每个javaFx程序定义在一个继承自javafx.application.Application的类中

Button：用于设置一个按钮，Button btOK = new Button("Button show name");

Scene：设置一个场景，设置那个Button的大小。Scene scene = new Scene(btok, 200, 250);

　　　　scene(Node, width, height);

Stage：用于设置在窗口中放什么东西的，就是包括Title之类firstStage.setTitle("The first program")

　　　　和放置那个场景,firstStage.setScene(scene)。最后输出firstStage.show();

继承了一个抽象类，需要Override它的start方法，start方法一般用于将UI组件放入一个场景，并且在舞台中显示该场景，

/*

 * To change this license header, choose License Headers in Project Properties.

 * To change this template file, choose Tools | Templates

 * and open the template in the editor.

 */

/**

 *

 * @author Liu

 */

import javafx.application.Application;

import javafx.scene.Scene;

import javafx.scene.control.Button;

import javafx.stage.Stage;

public class MyJavaFx extends Application {

    @Override //Override the start method in the Application in class

    public void start(Stage firstStage) {

        Button buttonOK = new Button("stupid_one");

        Scene scene = new Scene(buttonOK, 20, 250);

        firstStage.setTitle("The first program");

        firstStage.setScene(scene);

        firstStage.show();

    }

//    public static void main(String[] args) {

//        Application.launch(args);

//    }

}

这样的话，那个按钮会充满着整个屏幕，不好。

那么用一个面板容器类

StackPane pane = new StackPane();

这样把那个Button放进去.就是pane.getChildren().add(btnOK);

然后把它放去场景那里就可以，

设置按钮监听也很简单。

注意的是需要设置成final，因为我这里1.7需要用而已，1.8不报错了。

https://www.zhihu.com/question/39397230

/*

 * To change this license header, choose License Headers in Project Properties.

 * To change this template file, choose Tools | Templates

 * and open the template in the editor.

 */

package FxPackage;

/**

 *

 * @author Liu

 */

import javafx.application.Application;

import javafx.event.ActionEvent;

import javafx.event.EventHandler;

import javafx.scene.Scene;

import javafx.scene.control.Button;

import javafx.scene.layout.StackPane;

import javafx.stage.Stage;

public class MxJavaFx extends Application {

    @Override

    public void start(Stage primayStage) {

        StackPane pane = new StackPane();

        pane.getChildren().add(new Button("liuweiming"));

        Scene scene = new Scene(pane, , );

        final Stage stage = new Stage();

        stage.setTitle("liuweming");

        stage.setScene(scene);

        Button btnOK = new Button("OK");

        btnOK.setOnAction(new EventHandler<ActionEvent>() {

            @Override

            public void handle(ActionEvent t) {

                stage.show();

            }

        });

        pane = new StackPane();

        pane.getChildren().add(btnOK);

        scene = new Scene(pane, , );

        primayStage.setTitle("hahah");

        primayStage.setScene(scene);

        primayStage.show();

    }

    public static void main(String[] arges) {

        launch(arges);

    }

}

FlowPane使得每个Node之间更有层次，有规划，不然用pane添加两次Node（Button），会聚在一起，看不到

/*

 * To change this license header, choose License Headers in Project Properties.

 * To change this template file, choose Tools | Templates

 * and open the template in the editor.

 */

package FxPackage;

/**

 *

 * @author Liu

 */

import javafx.application.Application;

import javafx.event.*;

import javafx.scene.layout.*;

import javafx.scene.control.*;

import javafx.scene.*;

import javafx.geometry.*;

import javafx.stage.*;

public class MxJavaFx extends Application {

    @Override

    public void start(Stage primayStage) {

        FlowPane pane = new FlowPane();

        pane.setPadding(new Insets(, , , )); //它的边框大小以像素作为单位是顶部11、右边12、底部13、左边14

        pane.setHgap(); //指定了面板中两个相邻节点之间的水平和垂直距离

        pane.setVgap();

        pane.getChildren().addAll(new Label("first name"), new TextField());

        pane.getChildren().addAll(new Label("TEL          "), new TextField());

        TextField tfMi = new TextField();

        tfMi.setPrefColumnCount(); //需要用到这些就需要现适声明

        //设置期望列数是1

        pane.getChildren().add(tfMi);

        Scene scene = new Scene(pane, , );

        primayStage.setTitle("ShowFlowPane");

        primayStage.setScene(scene);

        primayStage.show();

    }

    public static void main(String[] arges) {

        launch(arges);

    }

}

FlowPane

但是上面那个排版有点乱，所以用

GridPane.我靠这些东西都有那么多个面板。一个比一个好，肯定用这个啊

pane.add(节点， col, row);

/*

 * To change this license header, choose License Headers in Project Properties.

 * To change this template file, choose Tools | Templates

 * and open the template in the editor.

 */

package FxPackage;

/**

 *

 * @author Liu

 */

import javafx.application.Application;

import javafx.event.*;

import javafx.scene.layout.*;

import javafx.scene.control.*;

import javafx.scene.*;

import javafx.geometry.*;

import javafx.stage.*;

public class MxJavaFx extends Application {

    @Override

    public void start(Stage primayStage) {

        GridPane pane = new GridPane();

        pane.setAlignment(Pos.CENTER);

        pane.setPadding(new Insets(11.5, 12.5, 13.5, 14.5));

        pane.setHgap(5.5);

        pane.setVgap(5.5);

        pane.add(new Label("帐号"), , );

        pane.add(new TextField(), , );

        pane.add(new Label("密码"), , );

        pane.add(new TextField(), , );

        Button btn = new Button("click");

        pane.add(btn, , );

        GridPane.setHalignment(btn, HPos.RIGHT);

        Scene scene = new Scene(pane, , );

        primayStage.setScene(scene);

        primayStage.setTitle("GridPane");

        primayStage.show();

    }

    public static void main(String[] arges) {

        launch(arges);

    }

}

GridPane

响应事件

/*

 * To change this license header, choose License Headers in Project Properties.

 * To change this template file, choose Tools | Templates

 * and open the template in the editor.

 */

package DoNot;

/**

 *

 * @author Liu

 */

import javafx.application.Application;

import javafx.event.*;

import javafx.scene.layout.*;

import javafx.scene.control.*;

import javafx.scene.*;

import javafx.geometry.*;

import javafx.stage.*;

public class TestClass extends Application {

    @Override

    public void start(Stage primayStage) {

        GridPane pane = new GridPane();

        pane.setAlignment(Pos.CENTER);

        pane.setPadding(new Insets(11.5, 12.5, 13.5, 14.5));

        pane.setHgap(5.5);

        pane.setVgap(5.5);

        pane.add(new Label("帐号"), , );

        pane.add(new TextField(), , );

        pane.add(new Label("密码"), , );

        pane.add(new TextField(), , );

        Button btn = new Button("click");

        ClickHandlerClass clickOne = new ClickHandlerClass();

        btn.setOnAction(clickOne);

        pane.add(btn, , );

        GridPane.setHalignment(btn, HPos.RIGHT);

        Scene scene = new Scene(pane, , );

        primayStage.setScene(scene);

        primayStage.setTitle("GridPane");

        primayStage.show();

    }

    public static void main(String[] arges) {

        launch(arges);

    }

}

class ClickHandlerClass implements EventHandler<ActionEvent> {

    @Override

    public void handle(ActionEvent e) {

        GridPane t = new GridPane();

        t.setAlignment(Pos.CENTER);

        t.setPadding(new Insets(11.5, 12.5, 13.5, 14.5));

        t.setHgap(5.5);

        t.setVgap(5.5);

        t.add(new Label("欢迎点击"), , );

        Scene scene = new Scene(t, , );

        Stage stage = new Stage();

        stage.setTitle("Click");

        stage.setScene(scene);

        stage.show();

    }

}

用了一个Mybutton类来继承了button类，目的就是重写button里面的tostring方法，因为每个button的id都是不同，我需要点击这个button的时候能知道它是那个id，可以调用super("button name")来放名字

/*

 * To change this license header, choose License Headers in Project Properties.

 * To change this template file, choose Tools | Templates

 * and open the template in the editor.

 */

package DoNot;

/**

 *

 * @author Liu

 */

import javafx.application.Application;

import javafx.event.*;

import javafx.scene.layout.*;

import javafx.scene.control.*;

import javafx.scene.*;

import javafx.geometry.*;

import javafx.stage.*;

public class TestClass extends Application {

    private int id;

    @Override

    public void start(Stage primayStage) {

        GridPane pane = new GridPane();

        pane.setAlignment(Pos.CENTER);

        pane.setPadding(new Insets(11.5, 12.5, 13.5, 14.5));

        pane.setHgap(5.5);

        pane.setVgap(5.5);

//        pane.add(new Label("帐号"), 0, 0);

//        pane.add(new TextField(), 1, 0);

//        pane.add(new Label("密码"), 0, 1);

//        pane.add(new TextField(), 1, 1);

//        MyButton btn = new MyButton(1);

//        btn.setText("click");

//        btn.setOnAction(new ClickHandlerClass());

//        btn.setOnAction(e -> {

////            System.out.println(e.toString());

//            GridPane t = new GridPane();

//            t.setAlignment(Pos.CENTER);

//            t.setPadding(new Insets(11.5, 12.5, 13.5, 14.5));

//            t.setHgap(5.5);

//            t.setVgap(5.5);

//

//            t.add(new Label(e.toString()), 0, 0);

//

//            Scene scene = new Scene(t, 250, 150);

//            Stage stage = new Stage();

//            stage.setTitle("Click");

//            stage.setScene(scene);

//            stage.show();

//        });

//        pane.add(btn, 1, 2);

//        GridPane.setHalignment(btn, HPos.RIGHT);

        MyButton[] arr = new MyButton[];

        for (int i = ; i <= ; ++i) {

            arr[i] = new MyButton(i, "number" + i);

            arr[i].setOnAction(e-> {

                System.out.println(e.toString());

            });

        }

        int to = ;

        for (int i = ; i < ; ++i) {

            for (int j = ; j < ; ++j) {

                pane.add(arr[to++], j, i);

            }

        }

        Scene scene = new Scene(pane, , );

        primayStage.setScene(scene);

        primayStage.setTitle("GridPane");

        primayStage.show();

    }

    public static void main(String[] arges) {

        launch(arges);

    }

    private class ClickHandlerClass implements EventHandler<ActionEvent> { //内部类

        int tf = id;

        @Override

        public void handle(ActionEvent e) {

            GridPane t = new GridPane();

            t.setAlignment(Pos.CENTER);

            t.setPadding(new Insets(11.5, 12.5, 13.5, 14.5));

            t.setHgap(5.5);

            t.setVgap(5.5);

            Label temp = new Label("欢迎点击" + tf);

            t.add(temp, , );

            Scene scene = new Scene(t, , );

            Stage stage = new Stage();

            stage.setTitle("Click");

            stage.setScene(scene);

            stage.show();

        }

    }

}

class MyButton extends Button {

    int id;

    MyButton(int _id, String _name) {

        super(_name);

        id = _id;

    }

//    MyButton() {

//

//    }

    @Override

    public String toString() {

        return id + "";

    }

}

javafx中launch只能被调用一次，所以自己写的一个MessageBox不能再次调用launch，直接调用start即可，但是start又不能是static的，所以不能写静态方法调用了。

/*

 * To change this license header, choose License Headers in Project Properties.

 * To change this template file, choose Tools | Templates

 * and open the template in the editor.

 */

package DoNot;

import javafx.application.Application;

import static javafx.application.Application.launch;

import javafx.scene.Scene;

import javafx.scene.layout.StackPane;

import javafx.scene.paint.Color;

import javafx.scene.text.Font;

import javafx.scene.text.Text;

import javafx.stage.Stage;

/**

 *

 * @author Liu

 */

public class MessageBox extends Application {

    private static String str;

    @Override

    public void start(Stage first) {

        StackPane stackPane = new StackPane();

        Text text = new Text(str);

        text.setFont(Font.font("Verdana", ));

        text.setFill(Color.RED);

        stackPane.getChildren().add(text);

        Scene scene = new Scene(stackPane, Math.max(, str.length() * ), );

        first.setTitle("Show Messge");

        first.setScene(scene);

        first.show();

    }

    public MessageBox() {}

    public void show(String _str) {

        str = _str;

        start(new Stage()); //不能静态方法了

    }

}

一个面基计算器

/*

 * To change this license header, choose License Headers in Project Properties.

 * To change this template file, choose Tools | Templates

 * and open the template in the editor.

 */

package DoNot;

/**

 *

 * @author Liu

 */

import javafx.application.Application;

import javafx.event.*;

import javafx.scene.layout.*;

import javafx.scene.control.*;

import javafx.scene.*;

import javafx.geometry.*;

import javafx.stage.*;

import javafx.scene.layout.HBox;

import javafx.scene.text.Text;

public class TestClass extends Application {

    @Override

    public void start(Stage primayStage) {

        GridPane pane = new GridPane();

        pane.setAlignment(Pos.CENTER);

        pane.setPadding(new Insets(11.5, 12.5, 13.5, 14.5));

        pane.setHgap(5.5);

        pane.setVgap(5.5);

        Label inputRadiusLabel = new Label("请输入半径:");

        inputRadiusLabel.setOnMouseDragged(e -> {

            show("fff");

        });

        TextField inputRadiusTextField = new TextField("请输入一个实数");

        pane.add(inputRadiusLabel, , );

        pane.add(inputRadiusTextField, , );

        Button clickButton = new Button("Click");

        clickButton.setOnMouseDragged(e -> {

            clickButton.setText("aler");

        });

        clickButton.setOnAction(e-> {

            double radius = Double.parseDouble(inputRadiusTextField.getText());

            double res = Math.acos(-1.0) * radius * radius;

            clickButton.setText("aler");

            show("" + res);

        });

        pane.add(clickButton, , );

        GridPane.setHalignment(clickButton, HPos.RIGHT);

        Scene scene = new Scene(pane, , );

        primayStage.setTitle("计算圆形面积");

        primayStage.setScene(scene);

        primayStage.show();

    }

    private void show(String str) {

        Pane pane = new Pane();

        Text text = new Text(, , str);

        text.setOnMouseDragged(e -> {

            text.setX(e.getX());

            text.setY(e.getY());

        });

        pane.getChildren().add(text);

        Scene scene = new Scene(pane, , );

        Stage stage = new Stage();

        stage.setTitle("message");

        stage.setScene(scene);

        stage.show();

    }

    public static void main(String[] arges) {

        launch(arges);

    }

}

ImageView类。其中图片要放在生成的.class文件中。（清理并构建项目后，就会清除所有图片，注意）

然后输入包名 + image文件夹名 + 照片

也可以用http：//

/*

 * To change this license header, choose License Headers in Project Properties.

 * To change this template file, choose Tools | Templates

 * and open the template in the editor.

 */

package DoNot;

import javafx.application.Application;

import javafx.scene.Scene;

import javafx.scene.image.Image;

import javafx.scene.image.ImageView;

import javafx.scene.layout.StackPane;

import javafx.stage.Stage;

/**

 *

 * @author Liu

 */

public class PhotoViewer extends Application {

    @Override

    public void start(Stage first) {

        String str = "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1792465142,3538385120&fm=23&gp=0.jpg";

        StackPane stackPane = new StackPane();

        ImageView imageView = new ImageView(new Image("DoNot/image/7.png"));

//        ImageView imageView = new ImageView(new Image(str));

        stackPane.getChildren().add(imageView);

        Scene scene = new Scene(stackPane, , );

        first.setTitle("Photo Viewer");

        first.setScene(scene);

        first.show();

    }

    public static void main(String[] args) {

        launch(args);

    }

}

使用java.util.Date()得到当前日期。

private final java.util.Date whenBuilt;

whenBuilt = new java.util.Date();

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

javaFx 学习笔记的更多相关文章

JavaFX学习笔记——ControlsFX控件集学习——ToggleSwitch和BreadCrumbBar例子
ToggleSwitch ToggleSwitch ts = new ToggleSwitch("开"); 效果 BreadCrumbBar BreadCrumbBar<St ...
JavaFX 学习笔记——jfoenix类库学习——raised风格按钮创建
创建按钮 JFXButton jfxb = new JFXButton("hello"); jfxb.getStyleClass().add("button-raised ...
【javaFX学习】（二）面板手册--1
找了好几个资料,没找到自己想要的,自己写个列表吧,方便以后用的时候挑选,边学边记.以学习笔记为主,所以会写的会偏个人记忆性.非教程,有什么问题一起讨论啊. 各个不同的控件放入不同的面板中有不同的效果, ...
学习笔记(三)--->《Java 8编程官方参考教程（第9版）.pdf》:第十章到十二章学习笔记
回到顶部注:本文声明事项. 本博文整理者:刘军本博文出自于: <Java8 编程官方参考教程>一书声明:1:转载请标注出处.本文不得作为商业活动.若有违本之,则本人不负法律责任.违法 ...
我的Android进阶之旅------>Android中编解码学习笔记
编解码学习笔记(一):基本概念媒体业务是网络的主要业务之间.尤其移动互联网业务的兴起,在运营商和应用开发商中,媒体业务份量极重,其中媒体的编解码服务涉及需求分析.应用开发.释放license收费等等 ...
【javaFX学习】（二）面板手册
移至http://blog.csdn.net/qq_37837828/article/details/78732591 更新找了好几个资料,没找到自己想要的,自己整理下吧,方便以后用的时候挑选,边学 ...
js学习笔记：webpack基础入门（一）
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
PHP-自定义模板-学习笔记
1. 开始这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2. 整体架构图 ...
PHP-会员登录与注册例子解析-学习笔记
1.开始最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...

随机推荐

sql建表，建索引注意事项
建表注意 .建议字段定义为NOT NULL 搜索引擎 MyISAM InnoDB 区别 InnoDB和MyISAM是许多人在使用MySQL时最常用的两个表类型,这两个表类型各有优劣,视具体应用而定.基 ...
Mongoose Embedded Web Server Library
https://github.com/cesanta/mongoose http://ltp.ai/docs/ltpserver.html LTP Server在轻量级服务器程序mongoose基础上 ...
HttpServletRequestWrapper模拟实现分布式Session
HttpSession的内容都放在一个单独的Map中,模拟远程分布式Session. 1.使用HttpServletRequestWrapper创建自定义Request2.使用动态代理包装自定义Req ...
kafka2
Master-Slave: 读写分离,save复制master的数据.同步复制:保证了强一致性但是会影响高可用性,因为写入的时候要保证slave都写入了才能返回告诉生产者数据写入成功,如果slave过 ...
js中的关系操作符
1.关于“小于(<)” a.关于数值的判断就是跟正常的比较一样: b.var result = “23” <"3" ; //true 这两个是字符串,会比较他们的编码 ...
DedeCms最新文章显示红色日期或加上new字或new小图片
DedeCMS发布的文章显示红色日期或加上new字或new小图片,给近三天(或当天)发布的文章显示红色日期或加上new字或new小图片等,都是围绕pubdate做文章,写扩展的. 1.红色的日期 ...
dedecms获取顶级栏目名称、二级栏目名称实现方法
织梦DEDECMS文章.栏目页获取当前页面顶级栏目名称的方法在用织梦做一些项目时,时常会碰到需要在当前页面调用顶级栏目名称的时候,织梦默认{dede:field name='typename' /} ...
vue 做登陆页面（登陆成功后去掉注册和登陆按钮显示用户名）
1.当登陆成功显示用户名且去掉登陆和注册按钮 2.data里声明后就在登陆的方法里调用啦下面说一下登陆的方法. 1.登陆的按钮代码在第一张图片里 2.登陆的弹出框 3.方法 ps:另一种 ...
centos安装cowboy过程
在centos机器上安装erlang: yum install erlang -y 接着把之前在ubuntu上的cowboy工程拷贝到centos机器上,进入到工程目录,输入: make run 提示 ...
西交校赛 I. GZP and CS(数位dp)
I. GZP and CS GZP love to play Counter-Strike(CS). One day GZP was playing a mod of CS. The counter- ...

javaFx 学习笔记

javaFx 学习笔记的更多相关文章

随机推荐

热门专题