当前位置：文江博客话题详情

如何使用 lwuit 将 4 个按钮排成一行？在同样的距离

发布于 2024-12-16 21:20:18 字数 121 浏览 4 评论 0原文

如何在行中放置 4 个按钮，如图所示：

在此处输入图像描述

元素之间的距离应更改为不同的分辨率

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

dawn曙光 2024-12-23 21:20:18

在 LWUIT 中，有多种方法可以完成所有操作。从你的图像中不清楚你的确切限制是什么，我猜你希望最左边的按钮左对齐，最右边的按钮右对齐。您可能还希望其他两个按钮居中。

我将使用带有嵌套 FlowLayout 元素的 GridLayout 来实现此功能。像这样：

Container c = new Container(new GridLayout(1, 4));
addButton(c, new Button("b1"), Component.LEFT);
addButton(c, new Button("b2"), Component.CENTER);
addButton(c, new Button("b3"), Component.CENTER);
addButton(c, new Button("b4"), Component.RIGHT);


private void addButton(Container c, Button b, int align) {
   Container flow = new Container(new FlowLayout(align));
   flow.addComponent(b);
   c.addComponent(flow);
}

There are allot of ways to do everything in LWUIT. Its unclear from your image what your exact constraints are, I'm guessing you want the left most button to be left aligned and the right most to be right aligned. You probably also want the two other buttons to be centered.

I would implement this using a GridLayout with nested FlowLayout elements. As such:

Container c = new Container(new GridLayout(1, 4));
addButton(c, new Button("b1"), Component.LEFT);
addButton(c, new Button("b2"), Component.CENTER);
addButton(c, new Button("b3"), Component.CENTER);
addButton(c, new Button("b4"), Component.RIGHT);


private void addButton(Container c, Button b, int align) {
   Container flow = new Container(new FlowLayout(align));
   flow.addComponent(b);
   c.addComponent(flow);
}

回复收藏 0 原文

不再见 2024-12-23 21:20:18

对前三个按钮使用 setMargin(Component.RIGHT,x) 。设置x 的值，使按钮在行中均匀分区：您必须为此考虑按钮的preferredWidth。对于第一个 Button，将其左边距设置为 0 ( setMargin(Component.LEFT,0) ) ，对于最后一个 Button，将其右边距设置为 0 ( setMargin(Component.RIGHT) ,0))。