JavaFx ListView利用按键事件实现循环浏览

       今天有个需求，上图这个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();
            }
        });