左侧是Codename One Back Command,右侧是Menu

时间:2016-01-18 19:45:28

标签: codenameone hamburger-menu

我正在尝试在Codename中创建一个应用程序,我想在屏幕顶部的右侧创建一个handburger菜单,在左侧创建一个后退按钮,但是无法让它工作我知道它可以在左侧有一个手持菜单菜单,在右侧有一个按钮的地方可以完成。我拍了一张我想要它的样子。后退按钮添加到绘画中而不是通过代码。 Picture of app example

下面是我用来获取右侧菜单的代码。

public class MainForm {
    public static Form mainForm;
    Command cmd_back, cmd_AboutTheApp;
    private enum SideMenuMode {
        SIDE, RIGHT_SIDE {
            public String getCommandHint() {
                return SideMenuBar.COMMAND_PLACEMENT_VALUE_RIGHT;
            }
        };

        public String getCommandHint() {
            return null;
        }
        public void updateCommand(Command c) {
            String h = getCommandHint();
            if(h == null) {
                return;
            }
            c.putClientProperty(SideMenuBar.COMMAND_PLACEMENT_KEY, h);
        }
    };
    SideMenuMode mode = SideMenuMode.RIGHT_SIDE;

    public void init(Object context) {
        theme = UIManager.initFirstTheme("/theme");
        UIManager.getInstance().setThemeProps(theme.getTheme theme.getThemeResourceNames()[0]));
        UIManager.getInstance().getLookAndFeel().setMenuBarClass(SideMenuBar.class);
        Display.getInstance().setCommandBehavior(Display.COMMAND_BEHAVIOR_SIDE_NAVIGATION);
    }

    public void start() {
        if(mainForm != null){
            mainForm.show();
            return;
        }
        mainForm = new Form();
        mainForm.setTitleComponent(title);
        mainForm.setLayout(new BorderLayout());
        addCommands(mainForm);
    }
    private void addCommands(Form f){
        cmd_Back = new Command("Back");
        final Button btn_Back = new Button("Back");
        cmd_Back.putClientProperty("TitleCommand", btn_Back);
        btn_BackButton.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent evt) {
                //do some thing
            }
        });
        cmd_AboutTheApp = new Command("About the app");
        final Button btn_AboutTheApp = new Button("About the app");
        cmd_AboutTheApp.putClientProperty("SideComponent", btn_AboutTheApp);
        btn_AboutTheApp.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent evt) {
                //do some thing
            }
        });
        mode.updateCommand(cmd_Back);
        f.addCommand(cmd_Back);

        mode.updateCommand(cmd_AboutTheApp);
        f.addCommand(cmd_AboutTheApp);
    }
}

如果我移动后退按钮以便在AboutTheApp按钮后添加,则后退按钮显示在屏幕右侧,但也显示在菜单右侧,也在右侧。我尝试了很多不同的方法,但似乎都没有工作

2 个答案:

答案 0 :(得分:1)

我们支持SideMenuBar中的右侧菜单栏,但不支持Toolbar API中的右侧菜单栏。我们支持在Toolbar API的标题区左/右侧放置组件/命令,但不支持SideMenuBar

我想解决方法是在Toolbar API中添加对右侧菜单栏的支持,但我不确定这种更改的复杂性是什么。

我建议在问题跟踪器中提出RFE请求,但可能不会很快,因为我们现在正在关闭3.3的功能。

答案 1 :(得分:1)

我有一个应用程序可以做到这一点。在Google Play(或App Store)中搜索“Torquepower Diesel Cummins Engine”应用。

    主题常量中的
  1. 我设置了自己的rightSideMenuImage和rightSideMenuPressImage,但默认的汉堡包菜单可能适合你。

  2. 在每个表单的beforeXXXX上,我执行以下操作:

    super.beforePartNumberForm(f);
    
    Toolbar tb = createToolbar(f);
    
    createBackCommand(f, tb);
    addHelpX(tb);
    addViewCartX(tb);
    addCallTorquepowerX(tb);
    addReverseSwipe(f);
    
  3. 创建工具栏

    Toolbar createToolbar(Form f) {
    
        Toolbar tb = new Toolbar();
        f.setToolBar(tb);
    
        Label l = new Label();
        l.setIcon(res.getImage("tpd_logoZZ.png"));
    
        tb.setTitleComponent(l);
    
        return tb;
    }
    
  4. 创建后退按钮

    void createBackCommand(Form f, Toolbar tb) {
    
        Command c = new Command("") {
            @Override
            public void actionPerformed(ActionEvent evt) {
                back();
            }
        };
    
        c.setIcon(res.getImage("black_left_arrow-512.png"));
        c.setPressedIcon(res.getImage("grey_left_arrow-512.png"));
    
        // MUST set this before adding to toolbar, else get null pointer
        f.setBackCommand(c);
    
        tb.addCommandToLeftBar(c);
    }
    
  5. 添加sidemenu所需的任何命令

    void addHelpX(Toolbar tb) {
        Command c = new Command("Help") {
            @Override
            public void actionPerformed(ActionEvent evt) {
                showForm("HelpForm", null);
            }
        };
    
        c.putClientProperty(SideMenuBar.COMMAND_PLACEMENT_KEY, SideMenuBar.COMMAND_PLACEMENT_VALUE_RIGHT);
        c.putClientProperty("SideComponent", new SideMenuItem(fetchResourceFile(), c.toString(), "very_basic_about.png"));
        c.putClientProperty("Actionable", Boolean.TRUE);
    
        tb.addCommandToSideMenu(c);
    
    }
    
  6. 我使用自己的SideMenuItem:

    public class SideMenuItem extends Button {
        SideMenuItem() {
            this("");
        }
    
        SideMenuItem(String s) {
            super(s);
            setUIID("SideMenuItem");
            int h = Display.getInstance().convertToPixels(8, false);
            setPreferredH(h);
        }
    
        SideMenuItem(Resources res, String s, String icon) {
            super();
            setIcon(res.getImage(icon));
            setText(s);
            setUIID("SideMenuItem");
            int h = Display.getInstance().convertToPixels(8, false);
            setPreferredH(h);
        }
    }