java 10 fx_java基础：10.2 Java FX之显示图片

从14.1中，我们知道了几个定义。

Stage(舞台) > Scene(场景) > Pane(面板) > node(节点)

面板的作用：为了更好地构造不同的界面，可以借助各种面板来进行布局。容器类。自动地将节点布局在一个希望的位置和大小。将节点置于一个面板中，然后将面板再置于一个场景中。将节点置于一个面板中，然后将面板再置于一个场景中JavaFX提供了多种面板供我们使用，方便我们进行不同风格的布局。

节点是可视化组件，比如一个形状、一个图像视图、一个UI 组件或者一个面板。

形状是指文字、直线、圆、椭圆、矩形、弧、多边形、折线等。

UI 组件是指标签、按钮、复选框、单选按钮、文本域、文本输入区域等。

Scene 可以包含Control 或者Pane, 但是不能包含Shape 和ImageView。

Pane可以包含Node 的任何子类型。

可以使用构造方法Scene(Parent, width, height)或者SCene(Parent)创建 Scene。后一个构造方法中场景的尺寸将自动确定。

Node的每个子类都有一个无参的构造方法，用于创建一个默认的节点。

创建一个窗口，我的步骤：

1 、建立一个面板pane，设置属性。

Pane pane = new HBox(10);

pane.setPadding(new Insets(5,5,5,5));

2 、建立一个场景scene

Scene scene2 = new Scene(pane,200,200);

3 、创建需要的节点，添加到第1步建立的面板容器里

Image image = new Image("https://img-blog.csdnimg.cn/20190125135919960.png");

pane.getChildren().add(new ImageView(image));

ImageView imageview2 = new ImageView(image);

imageview2.setFitHeight(30);

imageview2.setFitWidth(30);

pane.getChildren().add(imageview2);

ImageView imageview3 = new ImageView(image);

imageview3.setRotate(90);

pane.getChildren().add(imageview3);

4 、设置舞台

Stage stage2 = new Stage();

stage2.setTitle("show image example");

stage2.setScene(scene2);

stage2.show();

完整的程序如下：

import javafx.application.Application;

import javafx.scene.Scene;

import javafx.scene.control.Button;

import javafx.scene.control.Label;

import javafx.scene.image.Image;

import javafx.scene.image.ImageView;

import javafx.stage.Stage;

import javafx.scene.layout.HBox;

import javafx.scene.layout.Pane;

import javafx.scene.layout.StackPane;

import javafx.scene.paint.Color;

import javafx.scene.shape.Circle;

import javafx.scene.text.Font;

import javafx.scene.text.FontPosture;

import javafx.scene.text.FontWeight;

import javafx.geometry.Insets;

public class MyJavaFX extends Application {

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

public void start(Stage primaryStage) { //set a primary stage

...

Pane pane = new HBox(10);

pane.setPadding(new Insets(5,5,5,5));

Scene scene2 = new Scene(pane,200,200);

Image image = new Image("https://img-blog.csdnimg.cn/20190125135919960.png");

pane.getChildren().add(new ImageView(image));

ImageView imageview2 = new ImageView(image);

imageview2.setFitHeight(100);

imageview2.setFitWidth(100);

pane.getChildren().add(imageview2);

ImageView imageview3 = new ImageView(image);

imageview3.setRotate(90);

pane.getChildren().add(imageview3);

Stage stage2 = new Stage();

stage2.setTitle("show image example");

stage2.setScene(scene2);

stage2.show();