工具栏侧面菜单,标题和可滚动内容

时间:2016-12-22 15:28:35

标签: codenameone sidebar

我想创建一个带有标题和可滚动内容的侧面菜单。 我也尝试了一些事情:

  //that works: i can scroll in the content container and the status label stay on top but it's in my welcome form
    Form welcome = new Form("Welcome");
    welcome.setLayout(new BorderLayout());

    Label welcomeStatusLabel = new Label("STATUS");
    Container welcomeContent = new Container(new BoxLayout(BoxLayout.Y_AXIS));
    welcomeContent.setScrollableY(true);

    for(int i=0; i<20; i++)
        welcomeContent.add(new Label("Item "+i));

    welcome.add(BorderLayout.NORTH,welcomeStatusLabel);
    welcome.add(BorderLayout.CENTER,welcomeContent);

现在我希望在我的sidemenu中采用相同的行为,并尝试:

   //that doesn't work: I can't scroll
    Form menu= new Form("Menu");
    menu.setLayout(new BoxLayout(BoxLayout.Y_AXIS)); 

    for(int i=0; i<20; i++)
        menu.add(new Label("Item "+i));

    welcome.getToolbar().addComponentToSideMenu(menu);

也许我不能在我的工具栏侧面菜单中放置一个表单,所以我尝试使用容器:

     //that doesn't work: the status label will scroll with the content
    Container menuContainer = new Container(new BorderLayout());
    menuContainer.add(BorderLayout.NORTH,new Label("MENU STATUS"));
    Container menuContent = new Container(new BoxLayout(BoxLayout.Y_AXIS));

    for(int i=0; i<20; i++)
        menuContent.add(new Label("Item "+i));

    menuContainer.add(BorderLayout.CENTER,menuContent);
    //if I uncomment these two lines the content won't scroll anymore on simulator. On android it scrolls with the status label
    //menuContainer.setScrollableY(false);
    //menuContent.setScrollableY(true);
    welcome.getToolbar().getMenuBar().setScrollableY(false);//I don't know what that line does
    welcome.getToolbar().addComponentToSideMenu(menuContainer);

也许我不应该在侧面菜单中这样做?或者我可能不使用正确的组件?

任何帮助都将不胜感激。

最好的问候。

纳斯

1 个答案:

答案 0 :(得分:0)

您不应将Form添加到其他组件中,而不应添加到侧边菜单中。

如果您只是希望侧边菜单看起来像表单标题区域,您可以执行以下操作:

SpanLabel fakeTitle = new SpanLabel("My Title", "Title");
fakeTitle.setUIID("TitleArea");
welcome.getToolbar().addComponentToSideMenu(fakeTitle);
但是,我不会这样做。查看一些our demos以获得精美的侧边菜单设计。