问题标签 [border-layout]

开发游戏已经有一段时间了，目前正在重新使用 GUI，或者至少正在尝试。有无法调整框架大小（没有问题）的巨大问题，因为我不太了解布局管理器。几个项目之后，是时候回来做更多的游戏了，我遇到了一个问题......

主框架的基本布局是mainPane，包含一个gameScrollPane和一个controlPanel。滚动面板是滚动面板，控制面板是普通面板。滚动窗格包含主游戏面板。

由于我希望滚动窗格占据大部分屏幕，控制面板占据较小的下部区域，这与许多类似模拟游戏的游戏非常相似，因此选择了主窗格的边框布局。我添加了滚动窗格并设置了约束 CENTER，添加了控制面板并约束了 SOUTH。这没有显示滚动窗格，所以我尝试了不同的约束，似乎只有当我将滚动窗格约束设置为 North 时，它才会显示。

为了证明这一点，我制作了一个快速视频... http://screenjel.ly/q5RjczwZjH8

如您所见，当我将 NORTH 的值更改为 CENTER 并重新运行时，就像它不存在一样！

任何可以看到明确的第二个问题的人的奖励积分，我可以在这个问题解决后开始另一个问题！

感谢您抽出宝贵时间阅读本文。

提前感谢您的任何想法或想法:)

相对

我不确定在这样声明时如何引用 JPanel。

这是整个程序的编码：一切正常，但布局不是我想要的。向它添加 BorderLayouts 似乎不起作用。

不确定如何引用 JPanel 来使用 BorderLayout。我该怎么做呢？

我正在使用 zk 5.0.3。我想使用以下注释绑定作为边框布局的“中心”区域的标题：

我想做以下事情：

如何实现功能，以便我可以将此绑定包装为标题的值？

谢谢，索尼

这是我的程序。我想让按钮位于框架的北侧，但是当我尝试使用边框布局时，会在该行定义一个错误。

我有一个应用程序，它在视口的中心区域（带有边框布局）打开窗口，该区域也有东、西和南区域。据我所知，有两种方法可以打开这些窗口，并且都有一些注意事项。

第一种是用于.add()将窗口组件添加到其容器（中心区域）。这种方法存在以下问题：

1. 随着东/西区域的展开/折叠，Windows 不会重新定位。例如，对于 200px 宽的西部区域，如果西部区域折叠并且窗口位于距离中心区域西边缘 150px 的位置，则西部区域被扩展，中心区域的西边缘将移动 200px，但窗口将保持原位，与扩展的西部区域重叠。如果进行任何移动窗口的尝试，由于其constrainHeader: true设置，它将迅速回到中心区域的西边缘，但它应该在展开/折叠时重新定位。

2. Z-Index 管理：窗口仅受其标题的约束，因此可以将窗口的主体拖到中心区域的南边缘下方。理想情况下，以这种方式定位时，它应该出现在南部区域下方，但出现在上方。同样，如果东部或西部区域是浮动的（未展开），它们也应该出现在任何位置足够接近以重叠的窗口上方。看起来虽然窗口是作为中心区域的子元素添加的，但它们实际上并不是中心区域元素的 DOM 子元素，因此它们的 z 索引与中心区域无关，而是与页面主体相关。因此，即使使用带有自定义 zseed 的自定义 ZIndexManager，也无法保证所有打开窗口的 z-index 都低于其他区域的 z-index。

3. 当一个窗口展开并恢复到其原始大小时，它的原始位置向右移动一个等于西部区域可见宽度的量 - 如果该区域折叠，则移动量很小，因为只有标题是可见的，否则是全宽。

第二种打开窗口的方法是使用renderTo配置选项，将中心区域的元素作为其值。这解决了上面的问题 1) 和 2) - 当东/西区域展开/折叠时，窗口会正确重新定位，并且由于窗口的元素是中心区域元素的实际 DOM 子项（因此它们的 z 索引是相对于中心区域），z-index 管理问题不再是问题。然而：

1. Ext.AbstractComponent 文档声明在将组件添加为某个容器的子组件时不要使用 renderTo，因为容器布局管理器应该处理它。这与浮动组件有关吗？

2. 与上述 3) 类似的问题 - 窗口最大化和恢复就好了，但是在拖放窗口时会发生类似的向东迁移，并且更加明显。每当您放下一个窗口时，它都会定位在它被放下的地方的右侧，该数量等于（或接近）西部区域的可见宽度。当西部地区扩大时，这尤其令人不安。

所有这些问题（除了 maximise-restore 问题）都可以在这个简单的应用程序中看到：

这些方法中的任何一种是否比另一种具有优势，并且可以对其进行调整以克服所有列出的问题吗？

更新：

我之前可能应该想到的事情是同时使用这两种方法。这样做意味着当东/西区域展开/折叠时，窗口会正确重新定位，没有 z-index 问题，并且在最大化/恢复时窗口不会错误地定位自己。好消息！然而，窗口在拖放时仍然不能正确定位自己，这很容易成为最明显和最烦人的问题。关于为什么会发生这种情况以及如何阻止它的任何想法（当它被丢弃时，没有手动从 windows x 位置减去西部区域的宽度）？

我有这个工作正常： http: //jsfiddle.net/uwcEw/ - css 上的传统边框布局。

我想要做的是在边框布局的“中间”有另一个 5 区域边框布局。从上面重新应用相同的模式我得到这个： http: //jsfiddle.net/6bked/4/（编辑链接），它不起作用，显然它与它的父容器无关，但我不确定如何解决此问题，以便我可以根据需要在嵌套上下文中应用此模式。

有什么帮助吗？此外，如果有更好的方法来做到这一点（Compass+Sass/blueprint/js 布局），我愿意接受建议。

更新

我还想澄清一下，我只关心在主要关注 Webkit 的现代浏览器（Webkit，FF）中的工作，我不担心没有启用 javascript 的用户

我正在使用一个 JDialog，其中添加了一个 JPanel。Jpanel的布局是BorderLayout。现在我有一些信息和一张要在该面板中显示的图像。所以我在 Border.Center 中添加了所有信息，并在 Border.south 中添加了图像。但是图像没有正确定位。以下内容可能有助于理解：

图像显示在底部和水平中心。但我想要的是该图像应显示在 Border.south 的左上角。我怎样才能做到这一点？可能吗 ？

编辑：-

在这段代码中，我添加了一个 JLabel（“图像将在这里。”）而不是图像来表示这种情况。

我需要删除Component中Center的JPanel，但经过一些尝试后没有占上风。

我在这里尝试了该方法：

使用 BorderLayout 从 JPanel 中删除 CENTER 元素

但是答案的方法会产生编译时错误：

我对答案的解释有误吗？

此外，我也很好奇是否可以只更新 GroupLayout 中的单个组件。有人可以告诉我该怎么做吗？

编辑：@mre：这是代码：

这与链接中的基本相同。

谢谢你们！

有没有办法在 android 中实现可重复使用的边框布局？一个行为就像swing的BorderLayout：最大化中间并将其余部分减小到最小尺寸？

我已经将屏幕分成了很多div块，所以它们彼此粘在一起（比如说，像棋盘一样，但具有可变大小的字段）。我设置heigth和width使用百分比（相对于父容器）。

现在，当我添加border: 1px到 div 时，所有布局都中断了......我想边框每边增加 1px，解决方案是添加一些内部边框。我可以以某种方式添加这样的内部边框吗？