Javafx如何在背景图上设置按钮

1、布局文件 jianshu.xml<?xml version="1.0" encoding="UTF-8"?><?import javafx.scene.control.Button?><?import javafx.scene.layout.AnchorPane?><AnchorPane xmlns="http://javafx.com/javafx/8.0.121" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.soft1841.sample5.JianShuController"> <Button fx:id="testBtn" text="测试按钮" AnchorPane.leftAnchor="200" AnchorPane.topAnchor="100" /></AnchorPane>

2、样式表文件jianshu.css#testBtn{ -fx-text-fill:#FFFFFF; -fx-background-color: rgb(202,48,43); -fx-border-color: rgb(202,48,43); -fx-border-radius: 20; -fx-background-radius: 20; -fx-pref-width: 100px; -fx-pref-height: 35px; -fx-padding: 6 6 6 6;}

3、主程序 JianShuApp.javapackage com.soft1841.sample5;import com.soft1841.sample4.SingerApp;import javafx.application.Application;import javafx.fxml.FXMLLoader;import javafx.scene.Parent;import javafx.scene.Scene;import javafx.scene.image.Image;import javafx.stage.Stage;import java.net.URL;public class JianShuApp extends Application { @Override public void start(Stage primaryStage) throws Exception { URL location = getClass().getResource("jianshu.fxml"); FXMLLoader fxmlLoader = new FXMLLoader(location); Parent root = fxmlLoader.load(); Scene scene = new Scene(root, 800, 600); scene.getStylesheets().add(JianShuApp.class.getResource("jianshu.css").toExternalForm()); primaryStage.setTitle("简书"); primaryStage.setScene(scene); primaryStage.show(); } public static void main(String[] args) { launch(args); }}

4、控制器文件 JianShuController.javapackage com.soft1841.sample5;import javafx.fxml.FXML;import javafx.fxml.Initializable;import javafx.scene.control.Button;import javafx.scene.image.Image;import javafx.scene.image.ImageView;import java.net.URL;import java.util.ResourceBundle;public class JianShuController implements Initializable { @FXML private Button testBtn; @Override public void initialize(URL location, ResourceBundle resources) { Image btnImg = new Image("/img/heart.png"); ImageView imageView = new ImageView(btnImg); //给按钮设置图标 testBtn.setGraphic(imageView); }}