今天有个需求,上图这个ListView在第一个Item或最后一个Item时,触发“Left”按键或“Right”按键事件可以回到最后一个Item或第一个Item,也就是这个ListView可以循环起来。
研究了一下ListView的事件链,发现它是KeyPressEvent(Item还未被选中)->selectItemEvent(Item被选中)->selectIndexEvent这样一个传播顺序
所以第一版就这样写了:
listView.setOnKeyPressed(event -> {
int size = listView.getItems().size();
int index = listView.getSelectionModel().getSelectedIndex();
if ((index == size - 1 && event.getCode() == KeyCode.RIGHT)) {
listView.getSelectionModel().selectFirst();
} else if (index == 0 && event.getCode() == KeyCode.LEFT) {
listView.getSelectionModel().selectLast();
}
});
测试后发现有Bug:每次从第一个跳转时,不是跳转到最后一个,而是倒数第二个。观察后发现:KeyPressEvent触发->跳转到最后一个->触发ListView本身自有的按键事件->向左跳转一个,这样就跳转了2次。
改也好改,在KeyPressEvent触发后将"Press"事件消耗掉即可
第二版代码:
listView.setOnKeyPressed(event -> {
int size = listView.getItems().size();
int index = listView.getSelectionModel().getSelectedIndex();
if ((index == size - 1 && event.getCode() == KeyCode.RIGHT)) {
listView.getSelectionModel().selectFirst();
event.consume(); // 增加了这一行,用来阻止事件的传播
} else if (index == 0 && event.getCode() == KeyCode.LEFT) {
listView.getSelectionModel().selectLast();
event.consume(); // 增加了这一行,用来阻止事件的传播
}
});
不过,这样写完之后,我们还会发现确实跳转正确了,但是滚动条没有跟上,于是,我们可以加上ListView.scrollTo
最终代码:
listView.setOnKeyPressed(event -> {
int size = listView.getItems().size();
int index = listView.getSelectionModel().getSelectedIndex();
if ((index == size - 1 && event.getCode() == KeyCode.RIGHT)) {
listView.getSelectionModel().selectFirst();
listView.scrollTo(0); //操作滚动条
event.consume();
} else if (index == 0 && event.getCode() == KeyCode.LEFT) {
listView.getSelectionModel().selectLast();
listView.scrollTo(size - 1); // 操作滚动条
event.consume();
}
});