JavaFX和CSS語法

我正在嘗試使用JavaFX來查看它是怎樣的，但我在使用它的css方面遇到了很多麻煩。我知道css，但我無法弄清楚JavaFX是如何使用它的。例如，如果我想在我的頁面上設置按鈕樣式，某些在線資源會提示.button {}有人說.Button {}等。我無法獲得一致的基本指南，以瞭解如何處理它。我試圖尋找在導這裏JavaFX和CSS語法

http://docs.oracle.com/cd/E17802_01/javafx/javafx/1.3/docs/api/javafx.scene/doc-files/cssref.html

問題的關鍵是是，沒有指南，解釋清楚，我可以找到，所以任何人都可以幫助嗎？

來源

2015-07-10 Tanner Summers

您正在尋找一箇舊版本的JavaFX（1.x）。查找JavaFX 8 [here]（https://docs.oracle.com/javase/8/javafx/api/javafx/scene/doc-files/cssref.html） –

另請參閱[教程]（http：// docs.oracle.com/javase/8/javafx/user-interface-tutorial/apply-css.htm#CHDGHCDG） –

一些網上資源說.button {}有人說.Button {}

CSS不區分大小寫。所以我不認爲.button {}或.Button {}應該很重要。

當你寫：

.button{ 
-fx-text-fill: rgb(49, 89, 23); 
-fx-border-color: rgb(49, 89, 23); 
-fx-border-radius: 5; 
-fx-padding: 3 6 6 6; 
}

你覆蓋的樣式。下面

的代碼將是一個自定義樣式：

.custom-button { 
-fx-font: 16px "Serif"; 
-fx-padding: 10; 
-fx-background-color: #CCFF99; 
}

This tutorial might be helpful.他們已經創造了一個良好的CSS，使Metro應用的外觀。我建議您根據自己的用途使用它們並進行更改，而不是從頭開始創建。

以下是JavaFX CSS Reference Guide的Java 8版本。

來源

2015-07-13 05:12:21

因此，對於.custom按鈕，您需要將該樣式應用於每個按鈕纔對嗎？我記得看到一種方法來將一個類應用於java中的元素，這是否適用於該元素？此外，謝謝你的幫助，你知道我在網上看到所有這些東西，沒有人解釋它。比如說，我的CSS表單由於場景的背景顏色變化而起作用，但我試過.button並嘗試過.Button，但它似乎無法工作。但我的其他風格確實如此。這也是奇怪的，因爲如果我直接將樣式應用到按鈕（使用Java方法，它的工作原理，但不是在CSS表）。奇怪的事情發生。 –

是的，您可以將此類和樣式應用於使用該方法的元素。如果您沒有注意到Button中的更改，請嘗試將自定義樣式應用於該按鈕的父級。因爲我記得我不得不把4個按鈕放在不同的父母身上，只給他們不同的圖標。 –

我認爲Button的父項應該應用於css文件，因爲將css文件應用於按鈕並不適用於我。然後應用樣式類按鈕FXML： '<按鈕的styleClass = 「CrossButton」/>' design.css： '.CheckButton .button { -fx背景色：空; -fx-background-image：url（「Check.png」）; }' –

JavaFX和CSS語法

回答

相關問題