Question

我陷入了一个简单的动画代码，它没有。容器中的组件从屏幕顶部移动到特定位置。我在包含所有组件的容器中的UIID“AttempTitle”中设置了bg图像。问题是当所有组件从顶部移动时，直到它到达特定位置并且它最终出现时才看到bg img。如何使bg Image与组件一起移动。

我在做这件事时遇到了另一个问题。我在标题容器中有一个bg图像。当动画正在进行时，标题容器的绿色bg图像也会消失一秒钟。怎么回事，我想不出来。

我在youtube上传了一段视频，你不明白这个问题看看吧。

https://youtu.be/6Or26wxnzUY

代码：

setLayout(new BorderLayout(BorderLayout.CENTER_BEHAVIOR_CENTER));

attemptIcon = theme.getImage("attemptIcon.png");
attempt1 = new Label(attemptIcon);
attempt2 = new Label(attemptIcon);
attempt3 = new Label(attemptIcon);
attempt4 = new Label(attemptIcon);
attempt5 = new Label(attemptIcon);

attemptContainer = BoxLayout.encloseX(attempt1, attempt2, attempt3, attempt4, attempt5);

Container titleContainer = new Container(new GridLayout(1));
titleContainer.add(FlowLayout.encloseCenterMiddle(attemptContainer));
add(BorderLayout.NORTH, titleContainer);

attemptContainer.getParent().setUIID("AttempTitle");
attemptContainer.getParent().setPreferredW(screenWidth / 3);

questionAnswerContainer = new Container(new BoxLayout(BoxLayout.Y_AXIS));

Label a = new Label("questin answer");
questionAnswerContainer.add(a);

titleDialog = new Label("Yuppie!");
body1 = new Label("Let’s celebrate");
body2 = new Label("with another");
body3 = new Label("drink");
Button ok = new Button(theme.getImage("playIcon.png"));
ok.addActionListener(e -> {
    new Test(sm).show();
});

dialogContainer = (BoxLayout.encloseY(titleDialog, body1, body2, body3, ok));
dialogContainer.getAllStyles().setBgImage(theme.getImage("yuppieDialog.png"));

add(BorderLayout.CENTER, LayeredLayout.encloseIn(questionAnswerContainer, FlowLayout.encloseCenterMiddle(dialogContainer)));
titleDialog.getAllStyles().setMarginTop((dialogContainer.getPreferredW() / 3) + 30);

dialogContainer.getParent().setVisible(false);//using setHidden(true) gives same issue

Runnable r = new Runnable() {
    public void run() {
        checkIfCorrect(Test.this);
    }
};
if (timer == null) {
    timer = new UITimer(r);
}
if (timer != null) {
    timer.schedule(5000, false, Test.this); //4 seconds
}
revalidate();

checkIfCorrect方法：

public void checkIfCorrect(Form f) {
    dialogContainer.getParent().setY(-Display.getInstance().getDisplayHeight());
    dialogContainer.getParent().setVisible(true);
    f.animateHierarchyAndWait(1200);
    f.setTransitionInAnimator(null);
}

工具栏代码：

Toolbar toolbar = new Toolbar();
form.setToolbar(toolbar);
Container containerTitle = new Container(new BorderLayout());
toolbar.setTitleComponent(LayeredLayout.encloseIn(containerTitle, FlowLayout.encloseCenter(ruslanLogo)))
//there r 4 buttons inside containerTitle container

Answer 1

您应该使用animateLayout代替animateHierarchy，方法是将您想要的元素设置为可见false然后显示。然后将其设置为正确的位置，将其设置为可见并执行动画布局。

问题是Container的背景大小调整/位置因动画而无法正常工作。

Bg图像问题 - cn1

1 个答案: