Javaのデスクトップアプリケーション開発の学習（X） - CSSスタイルシートとサスペンションのボタンを達成するためのスタイルを変更します

CSSスタイルシートの使用

いくつかの異なるHTML、CSSでのJavaFXの、とにおけるCSSスタイルのJavaFXは、-fx-background-colorそれは、特定のドキュメントを参照することができない方法のJavaFX CSS公式文書

2つの方法で使用するCSSスタイル、中のJavaFX

• 直接FXMLで
• FXML参照CSSファイル

FXML直接スタイル

あなたは、コントロールにスタイル属性を使用することができます

<Text layoutX="235.0" layoutY="173.0" style="-fx-background-color: black">hello</Text>

また、scenebuilderで直接定義することができます

FXML参照CSS

レイアウトのスタイルシートのプロパティを使用して、ルートタグ、覚えて@シンボルを

stylesheets="@button.css" 

ボタンのサスペンションは、効果を実現します

cssファイル、IDの前述の参考文献を追加する必要があり#、参照タブは、[追加します.

私たちは、擬似ラベルを達成するためにCSSを使用することができます

ボタンにデフォルトのスライドは、マウス緑で、ボタンが青色に点灯します。ボタンをクリックして、ボタンが白くなり、次のような効果があります

.button{
    -fx-background-color: green;
}

.button:hover{
    -fx-background-color: blue;
}


.button:focused{
    -fx-background-color: white;
}