99、JavaFX GUI开发：Welcome App与Tip Calculator App实战

JavaFX GUI开发：Welcome App与Tip Calculator App实战

1. Welcome App开发

1.1 显示文本和图像

在开发Welcome App时，我们需要在界面中显示文本和图像。以下是具体步骤：
1. 选择图像文件 ：在Scene Builder的Inspector的Properties部分，默认情况下，Scene Builder会打开一个对话框，显示项目的源代码文件夹，这也是你在之前步骤中放置图像文件 bug.png 的位置。选择该图像文件，然后点击“Open”。Scene Builder会显示图像，并通过设置 ImageView 的 Fit Width 和 Fit Height 属性，调整 ImageView 的大小以匹配图像的宽高比。
2. 更改ImageView的大小 ：若要以原始大小显示图像，需删除 ImageView 的 Fit Width 和 Fit Height 属性的默认值，这些属性位于Inspector的Layout部分。删除这些值后，Scene Builder会将 ImageView 的大小调整为图像的精确尺寸。最后保存FXML文件。

完成上述步骤后，Scene Builder的内容面板应如预期显示。

1.2 运行Welcome App