2017-06-16 4 views
1

私はTime-4j-uiライブラリを使用していますし、何とかそれに含まボタンを内蔵しており、テキスト醜いであり、すべての私のデザイン遺跡ボックス、私のプロジェクトで通常のjavafxボタンとテキストフィールドをスタイルしますか?

は私がJfoenix材料設計コンポーネントを使用していて、この組み込みのユーザーインターフェイスは完全にここで、私のデザイン遺跡

enter image description here

は私が道や、あなたのことが可能JFXDatePickerにこの日付ピッカーのスタイルをハックのいくつかの種類があるかどうかを知りたいビューにあります下記のJFXDatePickerを参照してください:

enter image description here

は、しかし、私はpicker.getChildren().get(0);で(テキストボックス)で、このビュー・グループの最初の子にアクセスするために管理しますが、テキストボックスか何かのスタイルを設定する方法があるかどうかはわかりませんか?事前

+0

実際、 'picker.getChildren().get(0)'はテキストボックスで、インデックス位置1ではポップアップボタンです。組み込みの[css-file](https://github.com/MenoData/Time4J/blob/master/ui/src/main/resources/net/time4j/ui/javafx/calendar.css)も見たことがありますか? ? 1つのCSSプロパティがテキストボックスに関連付けられています: 'calendar-editor-error'。あなたはおそらくプログラムによってテキストボックスのスタイルを設定することもできます: 'getStyleClass()。add(css-property-string)'。次のリリースv4.28でこのようなプロパティを定義すると、テキストボックスの内容が有効であれば一般的な場合に使用できるようになります。 –

答えて

2

ありがとうございますCSSを持つ要素のスタイルを設定することができます 簡単な方法は、このように、それを直接使用することです:

Node node = picker.getChildren().get(0); 
node.setStyle("-fx-border-color: #000;-fx-border-width: 2px;"); 

それとも、外部CSSファイルを指定し、それを使用することができ、次のようになります。

Node node = picker.getChildren().get(0); 
node.getStyleClass().add("myTextBox"); 
picker.getStylesheets().add("main.css"); 

/*main.css:*/ 
.myTextBox{ 
    -fx-border-color: #000; 
    -fx-border-width: 2px; 
} 
関連する問題