Codenameone 代号为One的PSD设计布局

我需要你的帮助，求你了，我被这件事缠住了

我有以下名为“城市指南”的PSD登录屏幕：

我能够在CN1中使用分层布局成功地实现蓝色背景和周围的白色图像

然而，当我试图为中间的“cityGuide”一词和它下面的文本以及底部的两个按钮想出正确的布局时，我被卡住了

我试过边界布局，中间有城市向导，底部有纽扣。< /P> 但是文本“探索最佳地点…”要么位于短语“城市指南”的正下方，要么位于底部按钮的正上方。我无法将其放置在“城市指南”和底部按钮之间的中间位置

任何帮助都将非常感谢

问候,，

---

Salah.

我建议采用绝对中心边界布局，其中城市指南徽标和下方文本位于

框布局.Y_轴的中心，并且在它们之间添加一定量的填充

底部按钮将位于另一个
BoxLayout.Y_轴
中，位于边界布局的
南部
部分。
我建议采用绝对中心边界布局，其中城市指南徽标和下方文本位于
BoxLayout.Y_轴的中心，并在它们之间添加适当的填充

底部按钮将位于另一个
BoxLayout.Y_轴
，位于边界布局的
南部
部分。
亲爱的Shai，非常感谢您的帮助。我现在可以大致得到类似于PSD设计的东西，即使不是在设计中所示的确切位置。例如，徽标标签位于心形下方，但在设计中，它显示在心形和储物柜形状之间。我还尝试将按钮的文本放置在按钮的中心，但我认为codename one仅支持按钮有图标时的顶部、底部、左侧或右侧。如果这对您很重要，那么您可以采取非常不同的方法。创建3个带有形状的蓝色背景，并根据表格布局划分屏幕。将第一个蓝色背景作为城市指南徽标的背景，并为其提供45%的高度。然后加上心形部分，给它10%的高度，然后在最后45%加上其余部分。但就我个人而言，我不想麻烦你。。。这对于肖像画来说非常有效，但是当你旋转设备时，它看起来就不那么好了，而且付出的努力可能不值得。亲爱的Shai，非常感谢你的帮助。我现在可以大致得到类似于PSD设计的东西，即使不是在设计中所示的确切位置。例如，徽标标签位于心形下方，但在设计中，它显示在心形和储物柜形状之间。我还尝试将按钮的文本放置在按钮的中心，但我认为codename one仅支持按钮有图标时的顶部、底部、左侧或右侧。如果这对您很重要，那么您可以采取非常不同的方法。创建3个带有形状的蓝色背景，并根据表格布局划分屏幕。将第一个蓝色背景作为城市指南徽标的背景，并为其提供45%的高度。然后加上心形部分，给它10%的高度，然后在最后45%加上其余部分。但就我个人而言，我不想麻烦你。。。这对于肖像画来说非常有效，但是当你旋转设备时，它看起来就不那么好了，而且付出的努力可能不值得。