你如何为Codename One TouchCommand设计图像？-Java 学习之路

我正在进行2天的Codename One和Mobile开发实验，并测试了一些基本的导航和功能 . 现在我想研究应用程序的外观和感觉 . 我查看了有用的9边框视频，但不确定为touchCommand添加图像的最佳方法，该视频在该条上有3个标签（例如：home，profile，settings ..类似于instagram的TouchCommand的处理方式应用程序的底部） . 如果我添加图像，它不符合我的命令 .

enter image description here

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

谢谢 .

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

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

enter image description here

编辑：

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

enter image description here

再加上背景，在显示器中显示一个尺寸，在模拟器中看起来不同 . （screeshot4）
enter image description here

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

1 回答

1

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

回复于 2024-05-15T03:00:03+08:00

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

1 回答

相关问题