說明

本文記錄一下對Button的基本使用，包括但不限于 樣式的設置，事件的監聽等。

按鈕樣式的設置

方式一 ： Java代碼的方式

 // 創建一個按鈕Button button = new Button("按鈕");// 設置按鈕的位置button.setLayoutX(50);button.setLayoutY(100);// 設置按鈕的大小button.setPrefWidth(200);button.setPrefHeight(50);// 設置文本的字體格式和大小button.setFont(Font.font("Arial", 40));// 設置按鈕的文本顏色button.setTextFill(Paint.valueOf("#ff0000"));// 使用Java Property 的方式設置按鈕的背景顏色、圓角、內邊距的大小BackgroundFill bgf = new BackgroundFill(Paint.valueOf("#00ff00"),new CornerRadii(20), new Insets(6));Background bg = new Background(bgf);button.setBackground(bg);

方式二：css 內聯樣式的方式

        // 創建一個按鈕Button button = new Button("按鈕");// 設置按鈕的位置button.setLayoutX(50);button.setLayoutY(100);// 設置按鈕的大小button.setPrefWidth(200);button.setPrefHeight(50);// 使用css 的方式設置按鈕的背景顏色、圓角、內邊距的大小// 設置樣式button.setStyle("-fx-background-color: #1E90FF; " +      // 背景顏色（天藍色）"-fx-background-radius: 10px; " +// 背景圓角"-fx-text-fill: white; " +       // 文字顏色（白色）"-fx-font-size: 16px; " +        // 字體大小"-fx-font-family: 'Arial'; " +   // 字體"-fx-border-color: #00008B; " +  // 邊框顏色（海軍藍）"-fx-border-width: 2px; " +      // 邊框寬度"-fx-border-style: dashed; " +   // 邊框樣式（虛線）"-fx-border-radius: 10px; " +    // 邊框圓角"-fx-padding: 30px; " +      // 內邊距 ： 內容與背景的內邊距（水平和垂直）"-fx-background-insets: 5px;" + // 背景的內邊距 : 向內縮進去"-fx-border-insets: -5px;" // 邊框的內邊距 ： 向外擴展出去);

設置鼠標進入時顯示小手

  // 設置鼠標的樣式 : 鼠標進入的時候顯示小手狀button.setCursor(Cursor.HAND);