在 GUI Builder 中创建此表单时遇到问题

Question

我有这张表格图片，我想在代号一 UI 设计中重新创建，但我无法用白线分隔两个按钮。请参阅下图，了解如何实现此目的：

Answer 1

在这种类型的设计中，您必须从背景图像中提取 text/buttons。请按照以下步骤操作：

1. 从背景中删除带有标语的 Cather 和 Gifter 按钮。
2. 将背景图片添加到您的 theme.res 并创建一个自定义表单 uiid，它将背景图片缩放以填充。
3. 将表单布局设置为 GridLayout 2 行 1 列。
4. 向表单添加 2 个容器（顶部和底部）并将它们的布局设置为 new BorderLayout(BorderLayout.CENTER_BEHAVIOR_CENTER)。
5. 在每个容器内，添加另一个容器，布局设置为 BoxLayout.y()。
6. 在这个最终的 BoxLayout 容器中，您将在其中添加 Cather 和 Gifter 按钮，并将其标语作为标签。