JavaFX的：工具欄與如何創建一個工具欄這樣imagebuttons

Question

：

LINK：http://s14.postimg.org/99095jk3l/image.png

我已經創建了正確的背景中的工具欄。我唯一的問題是按鈕。 我不知道如何設計風格的按鈕是透明的，以及如何添加正確的懸停和點擊效果來匹配背景。

在此先感謝

Answer 1

您將使用CSS。您可以將背景和邊框設置爲transparent，然後使用懸停類來添加半透明邊框。它最終會被這樣的事情（請注意，你可能不得不做出一些調整仍然）

.button { 
    -fx-background-color: transparent, transparent, transparent, transparent; 
} 

.button:hover{ 
    -fx-background-color: transparent, rgba(0,0,0,.1), rgba(0,0,0,.1), transparent; 
} 

.button:armed { 
    -fx-background-color: transparent, rgba(0,0,0,.1), rgba(0,0,0,.1), rgba(0,0,0,.2); 
} 

申請你會使用類似的代碼此樣式表：

toolbar.getStylesheets().add("filename.css"); 

有在「javafx-2」標籤的「Info」部分中有很多很好的參考資料。這裏有幾個要說明這個有用：

• JavaFX 2 CSS Reference Guide
• caspian.css for JavaFX 2.2（默認樣式表）