2016-07-05 69 views
-2

如何在javafx中添加工具提示(圖片中的i按鈕)。 enter image description here如何在javafx中添加工具提示(圖片)

   final Label response = new Label(); 
       final ImageView imageViews = new ImageView(
         new Image("http://icons.iconarchive.com/icons/aha-soft/desktop-buffet/128/Pizza-icon.png")); 
       final Button buttons = new Button("test", imageViews); 
       buttons.setOnAction(new EventHandler<ActionEvent>() { 
        @Override 
        public void handle(ActionEvent event) { 
         response.setText("test"); 
        } 
       }); 

       buttons.getStyleClass().add("button1"); 
+0

....沒有,那不是你怎麼做,再試一次。 – specializt

+0

請勿將您的代碼發佈在評論中。相反,[編輯]問題。 – fabian

+0

這也不是你如何做到這一點。我認爲你不應該發佈如何做,如果你甚至不知道如何做到這一點...只是sayian ...也許嘗試尋求幫助,首先 – specializt

回答

0

這對於一個圖像一個Tooltip代碼:

Image image = new Image(IMAGE_LOC); 
ImageView imageView = new ImageView(image); 
Tooltip tooltip = new Tooltip(); 
tooltip.setGraphic(imageView); 
button.setTooltip(tooltip); 

雖然在看着你的形象樣機,突出顯示的區域不真的看起來像一個工具提示都沒有。它看起來像你想要的是一個圖像或按鈕,有人可以點擊獲取更多信息。你可以做到這一點使用標準按鈕,在它的圖形:

Image image = new Image(IMAGE_LOC); 
ImageView imageView = new ImageView(image); 
Button button = new Button(); 
button.setGraphic(imageView); 
button.setOnAction(event -> showInfoPopup()); 

可以使用CSS來獲得你想要的風格style產生的按鈕。上面代碼中的showInfoPopup()方法是您編寫的一些代碼,用於顯示您希望的信息消息。

或者,你可以創建一個可點擊的ImageView

Image image = new Image(IMAGE_LOC); 
ImageView imageView = new ImageView(image); 
Glow glow = new Glow(); 
imageView.effectProperty().bind(
    Bindings.when(imageView.hoverProperty()).then(glow).otherwise(null) 
); 
imageView.setOnMouseClicked(event -> showInfoPopup());