【发布时间】:2019-09-24 19:12:52
【问题描述】:
我有一个TabPane,如下所示,
我希望在关闭按钮时剪辑文本,类似于浏览器显示标题的方式,如下所示。
我在.tab-pane 和.tab 类中尝试了css、-fx-text-overrun : clip;,但没有按预期工作。
我怎样才能做到这一点?
【问题讨论】:
-
为标签设置文本属性的选择器是 .tab-label - 但这无济于事:标题(又名:标签)根据其首选项宽度进行布局,不受剪裁,这是在一个深埋在 TabPaneSkin 中的内部类中完成的,无法更改 afaics。
-
我不相信有一个
OverrunStyle有一个“褪色剪辑”。我不知道浏览器是如何做到的,但可以通过将关闭按钮的背景设置为线性渐变来模仿它,该渐变在左侧逐渐变为透明(并让关闭按钮覆盖标签)。但是,.tab-close-button是带有shape集的StackPane,因此设置其背景只是设置x的颜色。可能需要一个完全自定义的皮肤来解决这个问题。 -
你可以从这个问题中得到一些想法。stackoverflow.com/questions/16922138/…>?