java - NatTable 混合固定宽度列和可调整大小的填充剩余空间

Question

如何制作一个混合固定列和剩余列填充所有可用垂直空间的 Nebula NatTable，最重要的是，用户可以在哪里调整固定宽度列的大小？

视觉示例:

+-----------------------------------------+-------+-------+
|     ...fills available vert space...    | 100px | 100px |

用户通过将第 0 列和第 1 列之间的边框向左推来调整中间列的大小:

+---------------------------------------+----------+-------+
|     ...fills available vert space...  |   120px  | 100px |

用户通过将第 1 列和第 2 列之间的边框向左推来调整第三列的大小:

+------------------------------------+----------+----------+
|   ...fills available vert space... |   120px  |   120px  |

我非常接近这段代码:

    IRowDataProvider<String> bodyDataProvider = ...;
    DataLayer bodyDataLayer = new DataLayer(bodyDataProvider);
    SelectionLayer selectionLayer = new SelectionLayer(bodyDataLayer, false);
    ViewportLayer viewportLayer = new ViewportLayer(selectionLayer);

    bodyDataLayer.setColumnPercentageSizing(0, true);
    bodyDataLayer.setColumnPositionResizable(0, true);

    bodyDataLayer.setColumnWidthByPosition(1, 100);
    bodyDataLayer.setColumnPositionResizable(1, true);

    bodyDataLayer.setColumnWidthByPosition(2, 100);
    bodyDataLayer.setColumnPositionResizable(2, true);

它在视觉上实现了预期的目的，它也按预期对容器(Shell)大小调整使用react；即固定列保持 100 像素，仅第一列调整大小。到目前为止还不错。但有一个问题:列间调整大小时发生了一些不好的事情。我只是 react 很奇怪。第 0 列和第 1 列之间的调整大小处理程序(标题边框)不会执行任何操作，仅出现调整大小但不会执行调整大小；第 1 列和第 2 列之间的调整大小处理程序会使用react，但只有第 1 列可以有效调整大小，无论您做什么，第 2 列始终保留其大小。

不良行为的示例:您想要调整第 2 列(第 3 列)的大小，使其更大；您捕获第 1 列和第 2 列之间的边框，将边框拖动到左侧，目的是通过有效地将第 1 列也推向左侧来使第 2 列变大。但第 2 列保持不变，而第 1 列缩小!

更新

我的问题是如何实现所需的行为。我需要设置或重新实现什么以及在哪里？自定义 SizeConfig？其中的方法听起来很有前途:calculatePercentages() 和 calculateAvailableSpace()。谁以及何时给他们打电话？如何捕获列调整大小事件？我需要在某处设置监听器吗？如何让 NatTable 使用自定义的 SizeConfig？我走在正确的道路上吗？

Answer 1

我自己想出来了。最后并没有那么难。所需要做的就是注册一个自定义的 ColumnResizeCommand 处理程序并实现它。

在 NatTable 创建代码块中添加:

bodyDataLayer.registerCommandHandler(
     new BetweenColumnResizeCommandHandler(bodyDataLayer));

它可以在任何地方，我在定义列后就有它

这会覆盖方法中设置为默认类 ColumnResizeCommandHandler 的默认 BodyDataLayer 设置。该寄存器是基于映射的，因此可以重复覆盖。寄存器将类命令类(表示事件)映射到给定层(事件/命令的终端消费者)的操作(处理程序)。

这是我对 BetweenColumnResizeCommandHandler 类的实现:

import org.eclipse.nebula.widgets.nattable.command.AbstractLayerCommandHandler;
import org.eclipse.nebula.widgets.nattable.layer.DataLayer;
import org.eclipse.nebula.widgets.nattable.resize.command.ColumnResizeCommand;
import org.eclipse.nebula.widgets.nattable.resize.command.ColumnResizeCommandHandler;

/**
 * Customised version of {@link ColumnResizeCommandHandler}.
 * 
 * It implements "between" resizing mode, that is border is moved between two
 * adjacent column only, having no effects on any other columns; that is any
 * gain in size of the left side column is lost in size for right side column
 * and vice versa.
 * 
 * @author Espinosa
 */
public class BetweenColumnResizeCommandHandler extends AbstractLayerCommandHandler<ColumnResizeCommand> {

    private final DataLayer dataLayer;

    public BetweenColumnResizeCommandHandler(DataLayer dataLayer) {
        this.dataLayer = dataLayer;
    }

    @Override
    public Class<ColumnResizeCommand> getCommandClass() {
        return ColumnResizeCommand.class;
    }

    @Override
    protected boolean doCommand(ColumnResizeCommand command) {
        int leftSideColumn = command.getColumnPosition();
        int rightSideColumn = leftSideColumn + 1;

        int oldLeftSideColumnWidth = this.dataLayer.getColumnWidthByPosition(leftSideColumn);
        int newLeftSideColumnWidth = command.getNewColumnWidth();
        int dragWidth = newLeftSideColumnWidth - oldLeftSideColumnWidth;  
        // dragWidth has to be re-calculated back because it is lost in ColumnResizeCommandHandler :( 

        int oldRightSideColumnWidth = this.dataLayer.getColumnWidthByPosition(rightSideColumn);
        int newRightSideColumnWidth = oldRightSideColumnWidth - dragWidth;

        this.dataLayer.setColumnWidthByPosition(leftSideColumn, newLeftSideColumnWidth);
        if (rightSideColumn < this.dataLayer.getColumnCount()) {
            this.dataLayer.setColumnWidthByPosition(rightSideColumn, newRightSideColumnWidth);
        }
        return true;
    }
}

..它完全符合我的要求，如上面的示例所示。