css – JavaFX 2.2 – 隐藏ListCell中progressIndicator的百分比

前端之家收集整理的这篇文章主要介绍了css – JavaFX 2.2 – 隐藏ListCell中progressIndicator的百分比前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个ListCell,其中我显示了ProgressIndicator下载文件的进度信息.

我的问题是删除指标下方显示的百分比信息.如here所述,我在我的CSS中包含了一条规则如下:

.customProgressIndicator .percentage{
    visibility: hidden;
    -fx-text-background-color: red;
}

-fx-text-background-color:red部分只是为了确保我们的css应用于节点.

问题是,我调用了Indic.setProgress(progress),百分比变为可见(红色),当我将光标悬停在指标上时,它再次变为不可见.最后,在调用indicator.setProgress(1.0)的底部,“完成”文本变为可见,并在悬停后再次变为不可见.

它可能与ListView有关,因为;在悬停并使其变为不可见之后,如果我从List中删除一个项目并在ListCell上导致updateItem,它将再次可见.

我尝试过一种解决方法

    Text text = (Text)indicator.lookup(".percentage");
    if ( text != null )
    {
        text.setText("");
    }

但文本有时是空的,有时不是.

最佳答案
笔记:

1)我读了你链接的帖子,OP隐含地确认了可见性:隐藏;为他/她工作.但我测试了相同的代码,但它无法正常工作.可能是由于版本差异.我不知道.

2)-fx-text-background-color不是CSS属性.它是caspian.css中的预定义颜色.因此,更改它会隐式更改百分比标签的颜色,定义为默认值

.progress-indicator .percentage {
    -fx-font-size: 0.916667em; /* 11pt - 1 less than the default font */
    -fx-fill: -fx-text-background-color;
}

caspian.css. (注意上面的-fx-text-background-color)

3)最后,你想要的效果可以通过

.customProgressIndicator .percentage {
    -fx-fill: null;
}

附:我没有在列表视图中测试进度指示器.

猜你在找的CSS相关文章