将两个tableviews绑定在一起,以便它们同步滚动

Question

我想将两个tableview绑定在一起,以便它们同步滚动.我怎么做？我无法找到如何访问tableview的滚动条.

Answer 1

我已经制作了一个CSS hack来将Tableview绑定到外部滚动条.一个滚动条控制两个tableviews.

我的想法概述:

• 创建两个tableviews
• 制作一个垂直滚动条.在这个例子中,我们称之为myScrollbar
• 将myScrollbar的min和max设置为min = 0,max = TableView.Items.size()
• 当myScrollbar的值更改时,然后调用tableview的scrollTo(int)函数
• 禁用使用CSS实现的tableview的本机垂直滚动条.

这将为您提供两个表,两个表都由一个外部滚动条(myScrollbar)控制.

以下是使用css隐藏tableview滚动条的代码:

/* The main scrollbar **track** CSS class  */

.mytableview .scroll-bar:vertical .track{
        -fx-padding:0px;
    -fx-background-color:transparent;
    -fx-border-color:transparent;
    -fx-background-radius: 0em;
    -fx-border-radius:2em;

}

/* The increment and decrement button CSS class of scrollbar */

.mytableview .scroll-bar:vertical .increment-button ,
.mytableview .scroll-bar:vertical .decrement-button {

    -fx-background-color:transparent;
    -fx-background-radius: 0em;
    -fx-padding:0 0 0 0;
}

.mytableview  .scroll-bar:vertical .increment-arrow,
.mytableview  .scroll-bar:vertical  .decrement-arrow
{
    -fx-shape: " "; 
    -fx-padding:0;        
}

/* The main scrollbar **thumb** CSS class which we drag every time (movable) */
.mytableview .scroll-bar:vertical .thumb {
    -fx-background-color:transparent;
    -fx-background-insets: 0, 0, 0;
    -fx-background-radius: 2em;
    -fx-padding:0px;

}

然后我们需要设置如何使用滚动条滚动tableview.

scroll.setMax(100); //make sure the max is equal to the size of the table row data.
scroll.setMin(0); 
scroll.valueProperty().addListener(new ChangeListener(){

    @Override
    public void changed(ObservableValue ov, Number t, Number t1) {
        //Scroll your tableview according to the table row index
        table1.scrollTo(t1.intValue()); 
        table2.scrollTo(t1.intValue());
    }

});

http://blog.ngopal.com.np/2012/09/25/how-to-bind-vertical-scroll-in-multi-tableview/

Answer 2

我认为目前这是不可能的。TableViewSkin 继承自 VirtualContainerBase，它具有 VirtualFlow 字段。VirtualFlow 对象有两个 VirtualScrollBar 字段，hbar 和 vbar，这就是您想要的。但我看不到任何方法可以实现它。

有趣的是，TableView 中还有一个私有的 contentWidth 字段，尽管这是私有的。我确信 JFX 团队对于开放过多的 API 非常谨慎，这是可以理解的。您可以要求将 contentWidth 字段作为 int 属性打开，作为 JFX JIRA 或 openjfx-dev 邮件列表上的功能请求。

权宜之计是绑定表视图选择模型的所选项目或索引属性。