JavaFX教程：构建图形用户界面

需积分: 9 74 浏览量更新于2024-08-02 收藏 3.26MB PDF 举报

"《使用JavaFX构建图形用户界面应用》(Building GUI Applications With Javafx)是一份由Oracle公司提供的教程，它专注于JavaFX技术，这是一个用于开发富客户端应用程序（RIA）的强大工具。JavaFX是Java平台的一部分，旨在提供高性能、丰富的图形界面体验。该教程发布于2008年11月26日，涵盖了JavaFX编程的核心概念和语法，特别强调了声明式语法、节点、形状、视觉效果、动画以及布局和事件处理。教程共分两部分： 1. 快速JavaFX GUI概述：这部分为初学者提供了一个直观的指南，介绍了JavaFX API的基本功能。通过一系列的截图，读者可以了解到图形对象、用户界面组件、视觉效果、文本样式、颜色方案以及布局模式等。这些元素是构建用户界面的基础，让开发者能够快速上手并理解如何利用JavaFX来创建吸引人的界面。 2. 使用声明式语法：深入讲解JavaFX Script编程语言的声明式编程方式。通过一步步的实践指导，学习者可以掌握如何利用声明式语法简洁地定义UI行为和布局，这种编程风格提高了代码的可读性和维护性。在开始这个教程之前，建议先熟悉JavaFX Script的核心概念和语言基础，以及如何下载和安装必要的软件。《JavaFX Script编程语言入门》中的“Getting Started with JavaFXScript”部分会提供这些基础知识的介绍。整个教程旨在帮助开发者掌握JavaFX技术，无论你是希望创建桌面应用还是富互联网应用（RIA），都能通过本教程提升图形用户界面设计和开发的能力。通过学习，开发者将能熟练运用JavaFX的特性，为用户提供流畅且交互性强的用户体验。"

11/26/08 11:26 AMJavaFX Tutorial | Use Declarative Syntax - Java GUI | Java FX

Page 3 of 8

The words to the left of the colon: title, width, height, and visible are called instance variables and you can refer to the Stage

documentation to see a complete list of available variables. The title puts the 'Declaring Is Easy' phrase on the top border of the

window. The width and height are pixel values and if you don't explicitly set visible to true, the object won't be visible. For more

information on object literals, classes, and instance variables in JavaFX Script, see Writing Scripts and Using Objects in the Language

Tutorial.

When you run the code you have defined so far, you will see the following window.

Figure 2: Empty window

Setting the Scene

Within the stage, set the scene to hold Node objects such as a circle or a rectangle. Create a Scene using the following code:

The scene is a root area where you place objects of the node type. The scene has a content variable that is used to hold the nodes.

There are many different kinds of nodes, such as graphical objects, text, and GUI components. For more information about nodes and

Scene class, see the Presenting UI Objects in a Graphical Scene lesson and JavaFX Script API.

When you run the code you have defined so far, you will see the following window.

Stage {

...

scene: Scene {

content: [ ]

}

剩余69页未读，继续阅读

leon456

粉丝: 1
资源: 90

JavaFX教程：构建图形用户界面

最新资源