如何将标签移到中心

时间:2019-05-05 06:31:53

标签: codenameone

当我按下选项卡按钮时,我想做这个应用程序,结果(网站)将显示在中心。现在结果如下所示,结果如下所示:

enter image description here

但是我想要这样的结果: 例如,当我按首页时将显示google网站,然后当我按视频标签时它将更改为youtube网站。 enter image description here

这是我的编码:

public void start() 
{
    if(current != null)
    {
        current.show();
        return;
    }

    Toolbar.setGlobalToolbar(true);

    Form page = new Form("Apps", new BorderLayout());
    Style s = UIManager.getInstance().getComponentStyle("TitleCommand");
    FontImage icon = FontImage.createMaterial(FontImage.MATERIAL_BORDER_ALL, s);
    page.getToolbar().addCommandToRightBar("", icon, (e) -> Log.p("Right"));


    BrowserComponent browser = new BrowserComponent();
    browser.setURL("https://google.com");
    page.add(BorderLayout.CENTER, browser);

    Tabs t = new Tabs();
    Style st = UIManager.getInstance().getComponentStyle("Tab");
    FontImage home = FontImage.createMaterial(FontImage.MATERIAL_HOME, st);
    FontImage dash = FontImage.createMaterial(FontImage.MATERIAL_MUSIC_VIDEO, st);
    FontImage cal = FontImage.createMaterial(FontImage.MATERIAL_SEARCH, st);

    t.addTab("Home", home, new Label("website 1"));
    t.addTab("Video", dash, new Label("website 2"));
    t.addTab("Search", cal, new Label("website 3"));

    page.add(BorderLayout.SOUTH, t);
    page.show();
}

你能帮我吗?谢谢

1 个答案:

答案 0 :(得分:0)

您使用的标签没有添加任何标签。 Tabs替换屏幕上的全部内容,这与您要完成的工作不符。您一定以另一种形式混淆了我的评论,因为我提到了tabs容器的底部模式。

使用切换按钮代替使用标签:

BrowserComponent browser = new BrowserComponent();
browser.setURL("https://google.com");
page.add(BorderLayout.CENTER, browser);

FontImage home = FontImage.createMaterial(FontImage.MATERIAL_HOME, st);
FontImage dash = FontImage.createMaterial(FontImage.MATERIAL_MUSIC_VIDEO, st);
FontImage cal = FontImage.createMaterial(FontImage.MATERIAL_SEARCH, st);

ButtonGroup bg = new ButtonGroup();
RadioButton home = RadioButton.createToggle("Home", bg);
home.setMaterialIcon(FontImage.MATERIAL_HOME);
RadioButton dash = RadioButton.createToggle("Video", bg);
dash.setMaterialIcon(FontImage.MATERIAL_MUSIC_VIDEO);
RadioButton cal = RadioButton.createToggle("Search", bg);
cal.setMaterialIcon(FontImage.MATERIAL_SEARCH);

page.add(BorderLayout.SOUTH, GridLayout.encloseIn(3, home, dash, cal));

dash.addActionListener(e -> browser.setURL("https://youtube.com/"));