你如何为Codename One TouchCommand设计图像？

Question

我正在进行2天的Codename One和Mobile开发实验，并测试了一些基本的导航和功能。现在我想研究应用程序的外观和感觉。 我查看了有用的9边框视频，但不确定为touchCommand添加图像的最佳方式，该视频在该条上有3个标签（例如：主页，个人资料，设置..类似于Instagram＆＃39;的TouchCommand位于应用程序的底部。 如果我添加图像，它不符合我的命令。

最好的方法是确保＆＃34; TouchCommand＆＃34;图像显示为一个，但在按下，主页，配置文件和设置时，每个命令最多可分为3个部分？我可能会问这一切都错了，请原谅我，因为这对我来说都是新的。

感谢。

修改 这就是做了什么。 在Theme -> Constants added commandBehavior= bar。这给出了底部的默认栏。在photoshop中创建了一个新栏300x80并将其添加到TouchCommand。 （见ScreenShot 1）。拿到这个吧，然后在photoshop中将它分成3个不同的按钮tab press等。在GUI Builder中，在Home, Profile, Settings中添加了commands。将图像添加到Press Icon for Home并且它没有排队（屏幕截图2）。设计布局非常令人沮丧。我希望有一个更好的技术，因为我还在尝试使用Codename吗？

我不清楚的是，我找不到任何关于如何处理这个问题的文档，以及每个图像的维度应该是什么，因为似乎代号对齐它们有问题。我假设步骤是创建背景图像并将图标添加为用户的交互层。我非常关心被按下的图像，并像instagram示例一样改变颜色。我没有看到一种方法来代码一个GUI构建器和主题。

编辑：

好的，我决定使用标签而不是底部的栏。如果我将图像添加到其中，我会得到结果（screeshot 3）。这是用来合并我想要的正确方法吗？如果是这样，我没有看到一种方法来改变它成为我想要的东西:(。

另外添加背景，在显示屏中显示一个尺寸，在模拟器中看起来不同。 （screeshot4）

在这里回答：How do you get ActionBar from SocialBoo theme to show up in your GUI?

Answer 1

选项卡是单独定制的，因此边框应该应用于单个选项卡以创建背景。前景元素是您在Tabs组件本身中通过icons属性定义的图标，它允许您为3个选项卡定义3个图标（假设您使用GUI构建器）。如果您通过代码中的addTab添加标签，则可以在那里指定图标。