当用户单击按钮时,JavaFX Button类可以触发事件。
Button类扩展标记的类,它可以显示文本,图像,或两者兼而有之。
以下代码显示了如何向Button添加单击操作侦听器。
import JavaFX.a; import java; import java; import java; import java; import java; import java; public class Main extends Application { public static void main(String[] args) { launch(args); } @Override public void start(Stage primaryStage) { ("Hello World!"); Button btn = new Button(); b("Say "Hello World""); b(new EventHandler<ActionEvent>() { @Override public void handle(ActionEvent event) { Sy("Hello World!"); } }); StackPane root = new StackPane(); root.getChildren().add(btn); (new Scene(root, 300, 250)); (); } }上面的代码生成以下结果。
创建按钮
我们使用以下构造函数在JavaFX中创建一个Button。
创建带有空文本标题的按钮。
Button button = new Button();
创建具有指定文本的按钮。
Button button = new Button("OK");
要创建带有文本和图标的按钮。
Image imageOk = new Image(getClass().getResourceAsStream("OK.png")); Button button = new Button("OK", new ImageView(imageOk));按钮内容
创建JavaFX Button对象后,我们可以使用以下方法设置文本并安装图标。
- setText(String text) - 设置按钮的文本标题
- setGraphic(Node graphic) - 设置图标
除了ImageView对象,我们可以使用java包中的形状作为Button中的图形元素。
setGraphicTextGap方法设置文本和图形内容之间的差距。
以下代码将图像安装到按钮。
Image okImage = new Image(getClass().getResourceAsStream("OK.png")); bu(new ImageView(okImage));按钮操作
我们可以使用Button类的setOnAction方法为用户单击事件添加点击事件处理程序。
bu((ActionEvent e) -> { Sy("clicked"); });按钮效果
我们可以将java包中的效果应用到按钮。
以下代码将Dropshadow效果应用于按钮。
DropShadow shadow = new DropShadow(); bu(shadow); bu(null);//remove the effect以下代码显示了如何为Button设置阴影效果。
import javafx.a; import java; import java; import java; import java; import java.DropShadow; import java; import java; import java; public class Main extends Application { DropShadow shadow = new DropShadow(); public static void main(String[] args) { launch(args); } @Override public void start(Stage stage) { Scene scene = new Scene(new Group()); ("Button Sample"); (300); (190); VBox vbox = new VBox(); vbox.setLayoutX(20); vbox.setLayoutY(20); final Button button1 = new Button("Accept"); bu, new EventHandler<MouseEvent>() { @Override public void handle(MouseEvent e) { bu(shadow); } }); bu, new EventHandler<MouseEvent>() { @Override public void handle(MouseEvent e) { bu(null); } }); vbox.getChildren().add(button1); vbox.setSpacing(10); ((Group) ()).getChildren().add(vbox); (scene); (); } }上面的代码生成以下结果。
按钮样式
我们可以使用CSS样式来改变按钮的外观和感觉。
我们在单独的CSS文件中定义样式,并通过使用getStyleClass方法应用CSS文件。
下面的代码是一个CSS文件,它改变了按钮的字体和颜色。
.button1{ -fx-font: 30 arial; -fx-base: #ee2211; }然后我们使用下面的代码来安装CSS。
bu().add("button1");-fx-font 属性设置button1的字体名称和大小。 -fx-base 属性将覆盖默认颜色。
下面的代码显示了如何使用CSS来改变Button的外观。
import javafx.a; import java; import java; import java; import java; import java; import java; import java; public class Main extends Application { public static void main(String[] args) { launch(args); } @Override public void start(Stage stage) { Scene scene = new Scene(new Group()); (300); (190); VBox vbox = new VBox(); vbox.setLayoutX(20); vbox.setLayoutY(20); Button button1 = new Button("Accept"); bu("-fx-font: 30 arial; -fx-base: #ee2211;"); vbox.getChildren().add(button1); vbox.setSpacing(10); ((Group)()).getChildren().add(vbox); (scene); (); } }上面的代码生成以下结果。
按钮鼠标事件
下面的代码显示了如何处理Button的鼠标输入和输出事件。
import javafx.a; import java; import java; import java; import java; import java; import java; import java; public class Main extends Application { public static void main(String[] args) { launch(args); } @Override public void start(Stage stage) { Scene scene = new Scene(new Group()); (300); (190); VBox vbox = new VBox(); vbox.setLayoutX(20); vbox.setLayoutY(20); final Button button1 = new Button("OK"); bu, new EventHandler<MouseEvent>() { @Override public void handle(MouseEvent e) { Sy("mouse entered"); } }); bu, new EventHandler<MouseEvent>() { @Override public void handle(MouseEvent e) { Sy("mouse out"); } }); vbox.getChildren().add(button1); ((Group) ()).getChildren().add(vbox); (scene); (); } }上面的代码生成以下结果。