JavaFX:将轴的刻度标签放在刻度线的中间

Question

我需要移动轴中所有刻度线的标签（文本），使文本位于其自己的刻度线和下一个刻度线的中间。

我正在使用Roland的甘特图控件（经过一些修改）和Christian Schudt的DateAxis作为我的X轴。我的目标是根据Date值绘制甘特图（忽略时间；所有时间值都被截断）。

我的甘特图对每个任务都有一个“开始日期”和“结束日期”（即在图表上，它由一个条形图表示）。

考虑一下：

我有一个从2月1日开始的任务，它在同一天(2月1日)结束。我有两种方法在图表上呈现这个:

< li >从2月1日开始渲染，到2月1日结束。此栏实际上是隐藏的，因为其宽度为0。 < li >从2月1日开始渲染，条形图的右边缘接触2月2日。这可能会使用户感到困惑，因为它看起来像是从2月1日开始，到2月2日结束。

为了解决方法2引起的问题，我需要将文本标签向右移动半个刻度线宽度。这样做可以让用户非常清楚。

我尝试过这样做：

final DateAxis xAxis = (DateAxis) this.ganttchart.getXAxis();
xAxis.getChildrenUnmodifiable().addListener(new ListChangeListener<Node>()
{
    @Override
    public void onChanged(javafx.collections.ListChangeListener.Change<? extends Node> c)
    {
        final List<Node> labels = xAxis.getChildrenUnmodifiable().filtered(node -> node instanceof Text);

        for (Node label : labels)
        {
            label.setTranslateX(xAxis.getWidth() / (labels.size() - 1) / 2);
        }
    }
});

但是，这样做似乎根本不会将< code>Text标签向右移动。

Answer 1

我尝试过的方法实际上是有效的，但是我在竞争条件下遇到了问题。如果我使用Platform.runLater（），它会正确移动。但是，每当我调整图表大小时，位置就会闪烁（它会在原始位置和移动位置之间跳跃）。

这是完整的工作版本，我需要在< code>DateAxis中覆盖< code>layoutChildren()。

@Override
protected void layoutChildren()
{
    if (!isAutoRanging())
    {
        currentLowerBound.set(getLowerBound().getTime());
        currentUpperBound.set(getUpperBound().getTime());
    }
    super.layoutChildren();

    /*
     * Newly added codes.
     */
    final List<Node> labels = this.getChildrenUnmodifiable().filtered(node -> node instanceof Text);
    for (Node label : labels)
    {
        if (this.getSide() == Side.LEFT || this.getSide() == Side.RIGHT)
            label.setTranslateY(this.getHeight() / (labels.size() - 1) / 2);
        else if (this.getSide() == Side.TOP || this.getSide() == Side.BOTTOM)
            label.setTranslateX(this.getWidth() / (labels.size() - 1) / 2);
    }
    /*
     * End of new codes.
     */
}

仍然存在一些布局错误。这与Axis这一事实有关。positionTextNode（）使用getBoundsInPart（）定位文本，这将考虑翻译。

这是新的工作版本，希望有一天它会对某人有所帮助。

@Override
protected void layoutChildren()
{
    if (!isAutoRanging())
    {
        currentLowerBound.set(getLowerBound().getTime());
        currentUpperBound.set(getUpperBound().getTime());
    }
    super.layoutChildren();

    /*
     * Newly added codes.
     */
    final List<Node> labels = this.getChildrenUnmodifiable().filtered(node -> node instanceof Text);
    for (Node label : labels)
    {
        if (this.getSide().isHorizontal())
        {
            if (label.getTranslateX() == 0)
                label.setTranslateX(this.getWidth() / (labels.size() - 1) / 2);
            else
            {
                label.setLayoutX(label.getLayoutX() + label.getTranslateX());
            }
        }
        else if (this.getSide().isVertical())
        {
            if (label.getTranslateY() == 0)
                label.setTranslateY(this.getHeight() / (labels.size() - 1) / 2);
            else
            {
                label.setLayoutY(label.getLayoutY() + label.getTranslateY());
            }
        }
    }
    /*
     * End of new codes.
     */
}