javafX初探（按钮）

来源：互联网发布：iptables内网端口转发编辑：程序博客网时间：2024/05/29 08:08

button是为了让开发者在开发javaFX应用过程中处理点击的事件。Button类是Labeled类的扩展，他的内容可以是文本，也可以是图片，或者两者皆有。下图展示了不同效果的Button。这章节我们会学会如何创建这些Button。

]

创建一个button

你可以使用Button类的构造函数创建一个Button实例。代码如下：

//A button with an empty text caption.Button button1 = new Button();//A button with the specified text caption.Button button2 = new Button("Accept");//A button with the specified text caption and icon.Image imageOk = new Image(getClass().getResourceAsStream("ok.png"));Button button3 = new Button("Accept", new ImageView(imageOk));

因为Button是扩展子Labeled类的，所以一个Button实例创建后，我们可以通过setText或setGraphic来为Button设置文本或图片，就像下面的代码：

Image imageDecline = new Image(getClass().getResourceAsStream("not.png"));Button button5 = new Button();button5.setGraphic(new ImageView(imageDecline));

添加事件

代码如下：

button2.setOnAction((ActionEvent e) -> {    button2.setText("Accepted");});

当你点击button2的时候，button2的内容会变成Accepted。

应用效果

我们让鼠标移动到按钮上的时候，按钮显示出阴影效果，代码如下：

DropShadow shadow = new DropShadow();//Adding the shadow when the mouse cursor is onbutton3.addEventHandler(MouseEvent.MOUSE_ENTERED, (MouseEvent e) -> {    button3.setEffect(shadow);}); //Removing the shadow when the mouse cursor is offbutton3.addEventHandler(MouseEvent.MOUSE_EXITED, (MouseEvent e) -> {    button3.setEffect(null);});

运行如下图所示：

添加样式

我们使用css给按钮添加样式，前面已经提到过如何给组件添加css样式，这里就不再赘述。代码如下：

//Code added to the CSS file.button1{    -fx-font: 22 arial;     -fx-base: #b6e7c9;    }button1.getStyleClass().add("button1");

如下图所示：

1 0