扩展组件上的 animateLayout 不起作用 - codenameone

Question

我浏览了博客中的料理鼠王餐厅代码。太好了。所以我也想在我的应用程序中应用它，但除了添加组件时的流畅动画外，一切正常。我的代码出了什么问题？提前谢谢你。

protected void beforeTeamMemberTry(Form f) {
    screenWidth = Display.getInstance().getDisplayWidth();

    Container mainContainer = new Container(new BoxLayout(BoxLayout.Y_AXIS));
    f.add(mainContainer);

    for (int i = 0; i < 3; i++) {
        Container memberContainer = new Container(new BorderLayout());
        memberContainer.getAllStyles().setMargin(5, 5, 0, 0);
        mainContainer.add(memberContainer);

        Label icon = new Label(theme.getImage("loginBg.png").scaledWidth(screenWidth / 9));
        icon.setName("memberIcon");
        zeroPaddingMargin(icon);
        memberContainer.add(BorderLayout.WEST, icon);

        Container detailsContainer = new Container(new BorderLayout());
        Container innerContainer = new Container(new BoxLayout(BoxLayout.Y_AXIS));
        detailsContainer.add(BorderLayout.CENTER, innerContainer);
        innerContainer.setUIID("innerclkvjd");
        zeroPaddingMargin(innerContainer);
        innerContainer.getAllStyles().setPadding(10, 0, 10, 0);
        innerContainer.getAllStyles().setAlignment(Component.CENTER);
        detailsContainer.setName("detailsContainer");
        zeroPaddingMargin(detailsContainer);
        detailsContainer.getAllStyles().setAlignment(Component.CENTER);
        memberContainer.add(BorderLayout.CENTER, detailsContainer);
        Button email = new Button("bbeck@gmai.com");
        email.setName("memberEmail");
        zeroPaddingMargin(email);
        innerContainer.add(email);
        Label position = new Label("Senior member".toUpperCase());
        position.setName("memberPosition");
        zeroPaddingMargin(position);
        position.getAllStyles().setFgColor(0xccccc0);
        position.getAllStyles().setFont(Font.createSystemFont(Font.FACE_SYSTEM, Font.STYLE_PLAIN, Font.SIZE_SMALL));
        innerContainer.add(position);

        Label emblemDown = new Label(">");
        emblemDown.setUIID("emblemDown");
        memberContainer.add(BorderLayout.EAST, emblemDown);

        Label emblemUp = new Label("<");
        emblemUp.setUIID("emblemUp");

        Container descriptionContainer = new Container();
        TextArea descriptionTextArea = new TextArea("slkdjfdlk dslkfdslkf jsdfksdl fksd flksd f;lsdkf sldkf sdlfk s;dl fksdl fksd flsd fkds");
        descriptionContainer.add(descriptionTextArea);
        descriptionTextArea.setName("memberDescription");
        zeroPaddingMargin(descriptionTextArea);
        descriptionTextArea.setEditable(false);
        descriptionTextArea.setGrowByContent(true);
        descriptionTextArea.setGrowLimit(5);

        memberContainer.setLeadComponent(email);

        email.addActionListener(e -> {
            if (emblemDown.getParent() != null) {
                memberContainer.add(BorderLayout.EAST, emblemUp);
                memberContainer.add(BorderLayout.SOUTH, descriptionContainer);
                memberContainer.revalidate();
            } else {
                memberContainer.removeComponent(emblemUp);
                memberContainer.add(BorderLayout.EAST, emblemDown);
                memberContainer.removeComponent(descriptionContainer);
                memberContainer.revalidate();
            }
            memberContainer.getParent().animateLayout(300);
        });
    }
}

详细信息包括电话号码。 (button) 上面的 descriptionContainer 但无法点击：

 Container descriptionContainer = new Container();
TextArea descriptionTextArea = new TextArea("slkdjfdlk dslkfdslkf jsdfksdl fksd flksd f;lsdkf sldkf sdlfk");
descriptionContainer.add(descriptionTextArea);
descriptionTextArea.setGrowByContent(true);
descriptionTextArea.setGrowLimit(2);

Container phnContainer = new Container();
descriptionContainer.add(phnContainer);
Label phnLabel = new Label("Phn: ");
Button phn = new Button("9802921323");
phnContainer.add(phnLabel);
phnContainer.add(phn);
phn.addActionListener(e->{ 
    System.out.println("bibek calls");
 });

Answer 1

我已经重新整理了您的代码并将您的动画代码更改为 animateLayoutAndWait(300)。

此外，您不应同时调用 revalidate() 和 animateLayout()。

我还注意到您的动画应用于电子邮件按钮。

最后，将动画应用于正确的容器，调用 memberContainer.getParent().animateLayout(300); 不会为标志设置动画，而是为 memberContainer 位置设置动画。

protected void beforeTeamMemberTry(Form f) {
    screenWidth = Display.getInstance().getDisplayWidth();

    Container mainContainer = new Container(new BoxLayout(BoxLayout.Y_AXIS));
    f.add(mainContainer);

    for (int i = 0; i < 3; i++) {
        Container memberContainer = new Container(new BorderLayout());
        memberContainer.getAllStyles().setMargin(5, 5, 0, 0);

        Label icon = new Label(theme.getImage("loginBg.png").scaledWidth(screenWidth / 9));
        icon.setName("memberIcon");
        zeroPaddingMargin(icon);
        memberContainer.add(BorderLayout.WEST, icon);

        Container detailsContainer = new Container(new BorderLayout());
        Container innerContainer = new Container(new BoxLayout(BoxLayout.Y_AXIS));
        detailsContainer.add(BorderLayout.CENTER, innerContainer);
        innerContainer.setUIID("innerclkvjd");
        zeroPaddingMargin(innerContainer);
        innerContainer.getAllStyles().setPadding(10, 0, 10, 0);
        innerContainer.getAllStyles().setAlignment(Component.CENTER);
        detailsContainer.setName("detailsContainer");
        zeroPaddingMargin(detailsContainer);
        detailsContainer.getAllStyles().setAlignment(Component.CENTER);
        memberContainer.add(BorderLayout.CENTER, detailsContainer);
        Button email = new Button("bbeck@gmai.com");
        email.setName("memberEmail");
        zeroPaddingMargin(email);
        innerContainer.add(email);
        Label position = new Label("Senior member".toUpperCase());
        position.setName("memberPosition");
        zeroPaddingMargin(position);
        position.getAllStyles().setFgColor(0xccccc0);
        position.getAllStyles().setFont(Font.createSystemFont(Font.FACE_SYSTEM, Font.STYLE_PLAIN, Font.SIZE_SMALL));
        innerContainer.add(position);

        Label emblemDown = new Label(">");
        emblemDown.setUIID("emblemDown");
        memberContainer.add(BorderLayout.EAST, emblemDown);

        Label emblemUp = new Label("<");
        emblemUp.setUIID("emblemUp");

        Container descriptionContainer = new Container();
        TextArea descriptionTextArea = new TextArea("slkdjfdlk dslkfdslkf jsdfksdl fksd flksd f;lsdkf sldkf sdlfk s;dl fksdl fksd flsd fkds");
        descriptionContainer.add(descriptionTextArea);
        descriptionTextArea.setName("memberDescription");
        zeroPaddingMargin(descriptionTextArea);
        descriptionTextArea.setEditable(false);
        descriptionTextArea.setGrowByContent(true);
        descriptionTextArea.setGrowLimit(5);

        memberContainer.setLeadComponent(email);

        email.addActionListener(e -> {
            if (emblemDown.getParent() != null) {
                memberContainer.add(BorderLayout.EAST, emblemUp);
                memberContainer.add(BorderLayout.SOUTH, descriptionContainer);
            } else {
                memberContainer.removeComponent(emblemUp);
                memberContainer.add(BorderLayout.EAST, emblemDown);
                memberContainer.removeComponent(descriptionContainer);
            }
            memberContainer.animateLayoutAndWait(300);
        });
        mainContainer.add(memberContainer);
        mainContainer.animateLayoutAndWait(300);
    }
}

扩展组件上的 animateLayout 不起作用 - codenameone

animateLayout on expanding component is not working - codenameone

codenameone