日期选择器弹出窗口
问题描述:
我需要借助CSS类的帮助,在Java FX中使用日期选取器模块的样式。日期选择器弹出窗口
这是具体的弹出窗口,我也用景观查看CSS代码。但在弹出窗口中不起作用。我需要帮助如何在日历视图中设置弹出窗口样式。
(使用intelijIdea)
这是我的代码和附加的图片。在弹出的DatePicker的
.date-picker .combo-box {
-fx-background-insets:0px ;
-fx-border-width: 0px;
}
.date-picker .text-field{
-fx-background-radius:0px ;
-fx-border-color: transparent;
}
.date-picker .arrow-button{
-fx-background-radius:0px ;
-fx-background-color: #232323;
}
.date-picker .arrow-button .arrow{
-fx-background-radius:0px ;
-fx-background-color: #1783CC;
}
.date-picker .arrow-button:hover .arrow{
-fx-background-radius:0px ;
-fx-background-color: #40a9ef;
}
.date-picker .button {
-fx-background-color: transparent;
-fx-border-color:transparent;
-fx-pref-height: 35px;
-fx-pref-width: 35px;
}
.date-picker .button:hover {
-fx-border-color:transparent;
-fx-pref-height: 35px;
-fx-pref-width: 35px;
}
.date-picker .button .arrow:pressed {
-fx-border-color:transparent;
-fx-pref-height: 35px;
-fx-pref-width: 35px;
}
.date-picker .cell {
-fx-background-color: #232323;
-fx-pref-width:20px ;
-fx-pref-height:25px ;
}
.date-picker .cell:hover {
-fx-background-color: #1783CC;
-fx-pref-width:20px ;
-fx-pref-height:25px ;
}
.date-picker .cell:focused {
-fx-background-color:#11659e;
-fx-pref-width:20px ;
-fx-pref-height:25px ;
}
.date-picker-popup {
-fx-border-color: #1783CC;
-fx-background-color: black;
}
答
大多数样式类可以在DatePickerContent.java
或JavaFX的主题样式的一个被发现。 例如,如果您使用的是摩德纳的主题,那么你会发现这些styleclasses在modena.css(从线2934)
一种解决方法使用ScenicView时,将阻止关闭弹出:
datePicker.setOnHidden(new EventHandler<Event>() {
@Override
public void handle(Event event) {
datePicker.show();
}
});
+0
谢谢! modena.css是正确的洼! –
你说你想要设置弹出式日历的样式,但是你没有说明你想要达到什么样的效果。你可以更具体的要求? – ItachiUchiha
@IchichiUchiha我想在日期选择器的弹出窗口中设置所有组件的样式。我正在寻找styleClass按钮栏弹出日期选择器,类的月单元格,年单元格,日单元格,周单元格,背景..和伪类。 –