父窗格在JavaFX中具有-fx-border-radius時的子窗格css樣式

我有兩個窗格 - 父窗格和子窗格。子窗格位於父窗格內。家長窗格具有下列CSS規則：父窗格在JavaFX中具有-fx-border-radius時的子窗格css樣式

-fx-border-color:derive(-fx-background, -35%); 
-fx-border-width:1; 
-fx-border-style:solid; 
-fx-border-radius:4;

子窗格中有如下的CSS規則：

-fx-background-radius:25;

這是角落的一個：

正如你看到的角落有點蒼白 - 我的意思是父母的邊界在角落（左下角）沒有很好看到。爲了解決這個問題，我添加到子帳號-fx-background-radius:25，但它沒有幫助。考慮到我無法將填充添加到父項或對孩子的保證金中，如何解決該問題？

來源

2017-09-14 Pavel_K

我不真正知道你想要達到的目的。 – Sedrick

我很好奇這個部分：'我不能添加填充到父母或邊緣到孩子'。如果你是程序員，爲什麼你不能這樣做？ – Sedrick

@Sedrick Jefferson你的問題的答案非常簡單 - 有一些原因，我不能在這種情況下使用填充或保證金，哪些不是這個問題的一部分。 –

嘗試添加：-fx-background-radius:4;到父面板（相同的半徑爲邊界）

來源

2017-09-22 17:05:28

我試過了 - 結果一樣。 –

-1

在這裏添加填充的裁判。

-fx-padding: 0 0 0 5;

來源

2017-09-23 07:43:35

請注意，有問題我說我不能使用填充和邊距。 –

我創建了考慮到您的問題陳述的示例fxml。

我沒有做什麼特別的東西，但它的工作如預期

請參考下面FXML文件相同。

<AnchorPane id="AnchorPane" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8"> 
    <children> 
     <Pane layoutX="129.0" layoutY="72.0" prefHeight="300.0" prefWidth="300.0" style="-fx-border-width: 1; -fx-border-style: solid; -fx-border-radius: 4; -fx-background-color: derive(-fx-background, -35%); -fx-background-radius: 4;"> 
     <children> 
      <Pane layoutX="1.0" layoutY="213.0" prefHeight="86.0" prefWidth="298.0" style="-fx-background-radius: 4; -fx-background-color: white;" /> 
     </children> 
     </Pane> 
    </children> 
</AnchorPane>

輸出：

來源

2017-09-23 11:37:32 Dhiraj

你使用什麼java版本和操作系統？ –

其jdk1.8.0_131和Windows 7.我也用javafx scenebuilder – Dhiraj

父窗格在JavaFX中具有-fx-border-radius時的子窗格css樣式

回答

相關問題