如何更改ICalendarFX的组

时间:2017-06-21 18:45:38

标签: javafx jfxtras

我正在使用JFXtras的日历,默认情况下,事件有24个组(类别),我想更改它们。 这是默认代码:

public final static List<AppointmentGroup> DEFAULT_APPOINTMENT_GROUPS = IntStream.range(0, 24)
        .mapToObj(i -> new Agenda.AppointmentGroupImpl()
              .withStyleClass("group" + i)
              .withDescription("group" + (i < 10 ? "0" : "") + i))
        .collect(Collectors.toList());

final public static List<String> CATEGORIES = IntStream.range(0, 24)
        .mapToObj(i -> new String("group" + (i < 10 ? "0" : "") + i))
        .collect(Collectors.toList());

2 个答案:

答案 0 :(得分:1)

嗯,约会告诉议程它属于哪个群体。 AppointmentGroup提供要使用的CSS类(用于样式化组中的所有约会)。因此,24个预定义的组就在那里,因为Agenda.css中存在相关的定义。

https://github.com/JFXtras/jfxtras/blob/8.0/jfxtras-agenda/src/main/resources/jfxtras/internal/scene/control/skin/agenda/Agenda.css 第71行

.group0 { -fx-background-color: #AC725E; -fx-fill: #AC725E; }
.group1 { -fx-background-color: #D06B64; -fx-fill: #D06B64; }
.group2 { -fx-background-color: #F83A22; -fx-fill: #F83A22; }
...

因此,如果您创建一个新的AppointmentGroup类,请设置一个样式类id(不要使用现有的id,如“group0”,如上面的代码中所做的那样,这有点无用),然后将该AppointmentGroup分配给约会,议程将使其使用样式类。然后,您当然需要在CSS文件中定义它。

您还可以覆盖现有group0,group1,...

的样式

答案 1 :(得分:0)

提出一个想法。

1:加载CSS文件

vbox_root.getStylesheets().add("/styles/styles.css");

2:添加新的AppointmentGroups

agenda.appointmentGroups().add(new Agenda.AppointmentGroupImpl().withDescription("group24").withStyleClass("group24"));
agenda.appointmentGroups().add(new Agenda.AppointmentGroupImpl().withDescription("group25").withStyleClass("group25"));
agenda.appointmentGroups().add(new Agenda.AppointmentGroupImpl().withDescription("group26").withStyleClass("group26"));
agenda.appointmentGroups().add(new Agenda.AppointmentGroupImpl().withDescription("group27").withStyleClass("group27"));

3:在styles / styles.css中定义您的样式

.group24 {
    -fx-background-color: #424242;
    -fx-fill: #424242;
}

.group25 {
    -fx-background-color: #CDCDCD;
    -fx-fill: #CDCDCD;
}

.group26 {
    -fx-background-color: #000000;
    -fx-fill: #000000;
}

.group27 {
    -fx-background-color: #000000;
    -fx-fill: #000000;
}