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

Hide and show the Toolbar according to the scrolling

此问题仅针对代号一。

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

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

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

这是我们在工具栏的 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();
                    }

                }
            }
        });
    }
}