底部带有缩略图的轮播

Question

在Codenameone应用中，我正在尝试开发一个在底部具有缩略图列表的轮播。我已经使用Tabs控件在表单中心以轮播的方式显示文件（具有差异类型，例如图像，视频，文本，按钮等），而另一个Tabs控件在底部显示了缩略图图像（第一个轮播文件的缩略图）的形式。当用户在底部轮播中选择缩略图时，相应的组件应显示在第一个轮播中。

hi.add(BorderLayout.CENTER, mainCarousel);
hi.add(BorderLayout.SOUTH, bottom_tab);

bottom_tab.addSelectionListener((i1, i2) -> {            
       // bottom_tab.getTabComponentAt(i2).addPointerPressedListener((i) -> {
            mainCarousel.getTabComponentAt(i2).setVisible(true);
            mainCarousel.getTabComponentAt(i2).repaint();
       // });            
    });

但是组件未在中央转盘中显示。 另外，我尝试捕获事件addPointerPressedListener，但是在选择缩略图时不会触发该事件。

Answer 1

您不能将选项卡组件设置为可见/不可见以显示/隐藏它们。那行不通。我猜测您想要的是底部UI的水平列表，类似于答案here。

我建议使用始终释放的指针。请注意，这只会传递给可聚焦的组件或表单。为了确保获得该事件，可以在表单上注册一个指针释放侦听器。