codenameone - 根据滚动隐藏和显示工具栏

Question

这个问题仅指代号一。

我需要使 Codename One Form 的工具栏移动，如本视频所示： https ://www.informatica-libera.net/videoLavoro/hideShowToolbarOnScrolling.mp4

可以看到，向上滚动会导致 Toolbar 逐渐消失，而向下滚动会导致 Toolbar 逐渐重新出现。

像https://stackoverflow.com/a/55856590这样的解决方案不适用，因为我不需要更改 Toolbar 的 UIID，但我需要在滚动过程中上下移动 Toolbar，以获得相同的效果显示在视频中。

标签： codenameone

Answer 1

这是我们在工具栏的 whatsapp 克隆应用程序中采用的方法，因为这正是 whatsapp 的行为。它还有更多内容，但此块包含实现此功能的大部分逻辑：

private void bindFolding(Container titleArea, int titleHeight, 
        Container... scrollables) {
    addPointerReleasedListener(e -> {
        if(titleArea.getHeight() != titleHeight && 
                    titleArea.getHeight() != 0) {
            if(titleHeight - titleArea.getHeight() > titleHeight / 2) {
                titleArea.setPreferredSize(null);
            } else {
                titleArea.setPreferredH(0);
            }
            titleArea.getParent().animateLayout(100);
        }
    });
    for(Container c : scrollables) {
        c.addScrollListener((scrollX, scrollY, oldscrollX,
            oldscrollY) -> {
            // special case for tensile drag
            if(scrollY <= 10) {
                titleArea.setPreferredSize(null);
                return;
            }
            int diff = oldscrollY - scrollY;
            if(diff > 0) {
                if(titleArea.getHeight() < titleHeight) {
                    titleArea.setPreferredH(Math.min(titleHeight, 
                        titleArea.getPreferredH() + diff));
                    titleArea.setHeight(titleArea.getPreferredH());
                    titleArea.getParent().revalidate();
                }
            } else {
                if(diff < 0) {
                    if(titleArea.getHeight() > 0) {
                        titleArea.setPreferredH(Math.max(0, 
                            titleArea.getPreferredH() + diff));
                        titleArea.setHeight(titleArea.getPreferredH());
                        titleArea.getParent().revalidate();
                    }

                }
            }
        });
    }
}