gwt - GWT：如何反转按钮的垂直面板

Question

我有一个包含一组按钮的垂直面板。单击基本按钮时，面板会展开并显示作为垂直面板一部分的一组按钮。由于此基本按钮位于 hte UI 的底部，因此我对 CSS 进行了更改，以使展开的按钮看起来向上流动而不是向下流动。然而，看起来好像页面在展开状态下向下展开，这导致在页面上添加滚动，这是完全不希望的。

有没有办法将按钮添加到垂直面板上，而不是向下构建（倒置）？如果可能的话，我真的希望不必以不同的顺序添加按钮，然后再次使用 CSS。谢谢你的提示。

score 0 · Accepted Answer

据just invert the direction我了解，您希望按钮面板浮动在现有页面的顶部并不容易。网页遵循流程结构，除非您指定，否则不要堆叠。

您可能必须将整个布局更改为绝对面板，或使用 CSS（正如您所说您不想这样做，但这绝对比前一种更容易），以便您可以将面板放置在任何您想要的位置。

CSS：

.button-panel{
    clip: rect(auto, auto, auto, auto);
    position: absolute;
    left: 100px;
    top: 319px;
    overflow: visible;
}

爪哇：

YourVerticalPanel.addStyleName("button-panel");

score 0 · Accepted Answer

VerticalPanel 是您布局的错误小部件。您应该使用 PopupPanel 和一个非常简单的 CSS。当用户按下按钮时，您通过调用 .showRelativeTo() 方法显示此 PopupPanel。它会为你做所有的计算，它会根据浏览器窗口的大小和按钮的位置向下或向上显示。

在 PopupPanel 中添加一个 FlowPanel，然后将按钮添加到此 FlowPanel。将此样式应用于 FlowPanel：

.menu {
    width: 100px;
}
.menu input {
    float: left;
    margin-top: 10px;
    width: 100px;
}

2 回答 2