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

Question

我在博客中浏览了ratatouilles-restaurant代码。太棒了。所以我想在我的应用程序中应用它，但除了添加组件时的平滑动画，一切正常。我的代码出了什么问题？谢谢你提前。

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);
        });
    }
}

详情包括phn no。说明容器上方的（按钮）但无法点击：

 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);
    }
}