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

时间:2017-02-21 18:13:06

标签: codenameone

我想要在Codename One UI设计中重新创建一个Form的图片,但我仍然坚持用白线分隔两个按钮。请参阅下面的图片,让我了解如何实现这一目标:

Form to be recr-eated

1 个答案:

答案 0 :(得分:3)

在这种类型的设计中,您必须从背景图像中提取文本/按钮。请按照以下步骤操作:

  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 按钮,标语为标签。