在 CSS (JavaFX) 中为 TableView 设置样式
Posted
技术标签:
【中文标题】在 CSS (JavaFX) 中为 TableView 设置样式【英文标题】:Styling a TableView in CSS (JavaFX) 【发布时间】:2016-02-29 13:25:44 【问题描述】:如何在 TableView 中设置“THIS”点的样式?
我的 CSS 代码如下所示:
*/*
* Empty Stylesheet file.
*/
.root
-fx-background-color: #262626;
.table-view
-fx-background-color: transparent;
.table-view:focused
-fx-background-color: transparent;
/* Spaltenköpfe
Struktur column-header-background -> column-header */
.table-view .column-header-background
-fx-background-color: linear-gradient(#131313 0%, #424141 100%);
.table-view .column-header-background .label
-fx-background-color: transparent;
-fx-text-fill: white;
.table-view .column-header
-fx-background-color: transparent;
.table-view .table-cell
-fx-text-fill: white;
.table-row-cell
-fx-background-color: -fx-table-cell-border-color, #616161;
-fx-background-insets: 0, 0 0 1 0;
-fx-padding: 0.0em; /* 0 */
.table-row-cell:odd
-fx-background-color: -fx-table-cell-border-color, #424242;
-fx-background-insets: 0, 0 0 1 0;
-fx-padding: 0.0em; /* 0 */
.table-row-cell:selected
-fx-background-color: #005797;
-fx-background-insets: 0;
-fx-background-radius: 1;
.table-view > .virtual-flow > .scroll-bar:vertical,
.table-view > .virtual-flow > .scroll-bar:vertical > .track,
.table-view > .virtual-flow > .scroll-bar:vertical > .track-background,
.table-view > .virtual-flow > .scroll-bar:horizontal,
.table-view > .virtual-flow > .scroll-bar:horizontal > .track,
.table-view > .virtual-flow > .scroll-bar:horizontal > .track-background
-fx-background-color: transparent;
.table-view > .virtual-flow > .scroll-bar > .increment-button,
.table-view > .virtual-flow > .scroll-bar > .decrement-button
-fx-opacity: 0;
*
如您所见,我已经更改了colum-header-background 和类似的所有内容。我还改变了 TableView 的背景。所以我真的不知道我应该在我的 CSS 中改变什么。 感谢您的每一个帮助! :)
-GhostfaceChilla-
【问题讨论】:
【参考方案1】:.table-view .filler 是您正在寻找的选择器。 scenic view tool 非常适合分析组件。
【讨论】:
【参考方案2】:.table-view
-fx-background-color: transparent;
如果 TableView 中没有记录,背景颜色可以是白色。为占位符设置样式也许很好
【讨论】:
【参考方案3】:如果有人来这里搜索 column-show-hide 按钮的 CSS,这里是 CSS。
.table-view .show-hide-columns-button
-fx-background-color: red;
-fx-border-color: -fx-box-border;
-fx-border-insets: -1 -1 0 0;
【讨论】:
【参考方案4】:我设法用这个 CSS 代码解决了这个问题:
.table-view .filler
-fx-border-insets: 10 //Enter value depending on thickness;
【讨论】:
【参考方案5】:试试这个
.table-view .filler
-fx-background-color: transparent;
【讨论】:
【参考方案6】:试试这个。
.table-view .column-header-background
-fx-background-color: transparent;
【讨论】:
以上是关于在 CSS (JavaFX) 中为 TableView 设置样式的主要内容,如果未能解决你的问题,请参考以下文章
在 JavaFX 中为 TextField 设置 KeyPressed 事件
如何在 Eclipse 中为 android 调试 javafx 应用程序