JavaFX 8 Pagination 将页码放在顶部

Question

我正在使用 JavaFX 8 Pagination 控件。
页面导航出现在底部，但我希望它出现在顶部，在显示的实际数据之上。

如何在 Pagination 的顶部显示页面导航(数字行和箭头按钮)？

Answer 1

我想最简单的解决方案是使用多个轮换。

这三个 CSS 选择器可以解决问题:

.pagination { -fx-rotate:180; }
.pagination .pagination-control { -fx-rotate:180; }
.pagination .page { -fx-rotate:180; }

解释:

通过检查 CSS reference of 分页:

• 整个控件的样式类是pagination。
• 子结构包含样式类为page的显示页面
• 以及样式类为pagination-control
的页面导航区

• page — StackPane
• pagination-control — StackPane
  • leftArrowButton — Button
  • ....

因此，CSS 选择器所做的是旋转整个控件，然后将子部分旋转回来。

使用这些选择器的 Pagination 示例: