自定义 ControlsFX 通知
Customize ControlsFX Notifications
我想使用 ControlsFX Notifications class,因为 JavaFX 似乎没有提供任何类似的东西(或者是否提供?)。
对于我来说使用它我希望能够自定义通知的颜色和一些其他样式。有人知道我该怎么做吗?
编辑:
通过设置 Notifications.owner(...)
通知的样式与我的主应用程序相同,但是 然后它也会显示在主应用程序中而不是底部我屏幕的右上角。
Notifications.create().title(...).text(..).action(...).position(Pos.BOTTOM_RIGHT).show();
通过在 Java 中使用这一行并在我的样式表底部添加以下行 我能够自定义通知。
.notification-bar>.pane {
-fx-background-color: red, yellow, blue;
-fx-padding: 5 5 5 5;
-fx-background-insets: 0, 1, 2;
}
.notification-bar>.pane .title {
-fx-font-size: 1.333em; /*16px;*/
-fx-text-fill: #000;
-fx-font-weight: bold;
}
.notification-bar>.pane .label {
-fx-font-size: 1em; /*12px;*/
-fx-text-fill: #000;
-fx-alignment: top-left;
}
/******************************************************************************
*
* Close button
*
*****************************************************************************/
.notification-bar>.pane .close-button {
-fx-background-color: transparent;
-fx-background-insets: 0;
-fx-background-radius: 0;
-fx-padding: 0 0 0 0;
-fx-alignment: center;
}
.notification-bar > .pane .close-button:hover {
-fx-background-color: linear-gradient(#a3a3a3, #8b8b8b 34%, #777777 36%, #777777 63%, #8b8b8b 65%, #adadad);
}
.notification-bar>.pane .close-button:pressed {
-fx-background-color: linear-gradient(#a3a3a3, #8b8b8b 34%, #777777 36%, #777777 63%, #8b8b8b 65%, #adadad):
}
.notification-bar>.pane .close-button>.graphic {
-fx-background-color: #fff;
-fx-scale-shape: false;
-fx-padding: 4.5 4.5 4.5 4.5; /* Graphic is 9x9 px */
}
.notification-bar>.pane .close-button:hover>.graphic {
-fx-background-color: #fff;
}
.notification-bar>.pane .close-button:pressed>.graphic {
-fx-background-color: #fff;
}
.notification-bar>.pane .close-button>.graphic {
-fx-shape:
"M395.992,296.758l1.794-1.794l7.292,7.292l-1.795,1.794 L395.992,296.758z M403.256,294.992l1.794,1.794l-7.292,7.292l-1.794-1.795 L403.256,294.992z";
}
我想使用 ControlsFX Notifications class,因为 JavaFX 似乎没有提供任何类似的东西(或者是否提供?)。
对于我来说使用它我希望能够自定义通知的颜色和一些其他样式。有人知道我该怎么做吗?
编辑:
通过设置 Notifications.owner(...)
通知的样式与我的主应用程序相同,但是 然后它也会显示在主应用程序中而不是底部我屏幕的右上角。
Notifications.create().title(...).text(..).action(...).position(Pos.BOTTOM_RIGHT).show();
通过在 Java 中使用这一行并在我的样式表底部添加以下行 我能够自定义通知。
.notification-bar>.pane {
-fx-background-color: red, yellow, blue;
-fx-padding: 5 5 5 5;
-fx-background-insets: 0, 1, 2;
}
.notification-bar>.pane .title {
-fx-font-size: 1.333em; /*16px;*/
-fx-text-fill: #000;
-fx-font-weight: bold;
}
.notification-bar>.pane .label {
-fx-font-size: 1em; /*12px;*/
-fx-text-fill: #000;
-fx-alignment: top-left;
}
/******************************************************************************
*
* Close button
*
*****************************************************************************/
.notification-bar>.pane .close-button {
-fx-background-color: transparent;
-fx-background-insets: 0;
-fx-background-radius: 0;
-fx-padding: 0 0 0 0;
-fx-alignment: center;
}
.notification-bar > .pane .close-button:hover {
-fx-background-color: linear-gradient(#a3a3a3, #8b8b8b 34%, #777777 36%, #777777 63%, #8b8b8b 65%, #adadad);
}
.notification-bar>.pane .close-button:pressed {
-fx-background-color: linear-gradient(#a3a3a3, #8b8b8b 34%, #777777 36%, #777777 63%, #8b8b8b 65%, #adadad):
}
.notification-bar>.pane .close-button>.graphic {
-fx-background-color: #fff;
-fx-scale-shape: false;
-fx-padding: 4.5 4.5 4.5 4.5; /* Graphic is 9x9 px */
}
.notification-bar>.pane .close-button:hover>.graphic {
-fx-background-color: #fff;
}
.notification-bar>.pane .close-button:pressed>.graphic {
-fx-background-color: #fff;
}
.notification-bar>.pane .close-button>.graphic {
-fx-shape:
"M395.992,296.758l1.794-1.794l7.292,7.292l-1.795,1.794 L395.992,296.758z M403.256,294.992l1.794,1.794l-7.292,7.292l-1.794-1.795 L403.256,294.992z";
}