作业内容要求:
1、使用BorderPane、StackPane、HBox、Button、Circle组件;
2、使用多种Pane设计界面,如下图所示。
3、点击Enlarge按钮圆变大,点击Shrink按钮圆变小。

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.BorderPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.stage.Stage;
public class HelloApplication extends Application {
private CirclePane circlePane = new CirclePane();
@Override
public void start(Stage primaryStage) {
HBox hBox = new HBox();
hBox.setSpacing(10);
hBox.setAlignment(Pos.CENTER);
Button btEnlarge = new Button("Enlarge");
Button btShrink = new Button("Shrink");
hBox.getChildren().add(btEnlarge);
hBox.getChildren().add(btShrink);
btEnlarge.setOnAction(new EnlargeHandler());
btShrink.setOnAction(new ShrinkHandler());
BorderPane borderPane = new BorderPane();
borderPane.setCenter(circlePane);
borderPane.setBottom(hBox);
BorderPane.setAlignment(hBox, Pos.CENTER);
Scene scene = new Scene(borderPane, 200, 150);
primaryStage.setTitle("ControlCirle");
primaryStage.setScene(scene);
primaryStage.show();
}
public class EnlargeHandler implements EventHandler<ActionEvent> {
@Override
public void handle(ActionEvent event) {
circlePane.enlarge();
}
}
public class ShrinkHandler implements EventHandler<ActionEvent> {
@Override
public void handle(ActionEvent event) {
circlePane.shrink();
}
}
}
class CirclePane extends StackPane {
private Circle circle = new Circle(50);
public CirclePane() {
getChildren().add(circle);
circle.setStroke(Color.BLACK);
circle.setFill(Color.WHITE);
}
public void enlarge() {
circle.setRadius(circle.getRadius() + 2);
}
public void shrink() {
circle.setRadius(circle.getRadius() > 2 ?
circle.getRadius() - 2 : circle.getRadius());
}
public static void main(String[] args) {
Application.launch(args);
}
}
本文介绍了一个使用JavaFX创建的简单应用程序,该程序通过BorderPane、StackPane、HBox等布局来组织UI元素,并利用Button组件触发圆形大小的变化。用户可以通过点击Enlarge和Shrink按钮使界面上的圆形动态地放大或缩小。
2368

被折叠的 条评论
为什么被折叠?



