Codenameone 实现固定大小的虚拟UI卡

我正在尝试实现一个虚拟UI ID卡，它看起来像所有设备上的卡。我总共需要4行和3列。我还想有大约两倍的高度大小（2:1的比例）的宽度

1） 我考虑了边界布局。但它似乎跨越了整个屏幕大小。很快，我的卡片宽度是高度的5倍。所以这在视觉上不起作用。我怀疑Gridlayout也会遇到类似的问题

2） 我使用了表格布局（4 X 3）。我试着使用填充/边距，在平板电脑上，卡片用户界面的外观和感觉似乎很快变得不成比例，而在手机上则看起来很不错，因为手机的宽度自然与卡片相似

3） 我尝试将widthPercentage指定为表UI上的约束。同样，这种方法也遇到了类似的问题。因为在较小的手机上，我将不得不删除添加小百分比的利润，但在大型平板电脑上，我可能需要更大的利润。这可能会很快成为正确/测试的挑战

我现在正在考虑尝试采取以下方法之一：

1） 我不确定是否有办法根据字符数指定文本字段宽度。例如，当平板电脑上的发卡日期增长时，它可以容纳10个字符，而我希望它只能容纳两个字符（毫米），4个字符（yyyy）。有办法吗

2） 我能告诉你屏幕的宽度是英寸还是毫米吗？我可以实现一个函数，尝试在不同的屏幕大小上缩放填充/边距

---

非常感谢您的反馈。

请参阅厨房水槽演示，该演示在开始时具有默认的“卡片”模式。它使用带有特殊情况的网格布局，以合理的方式适合平板电脑/台式机的列

---

请参见厨房水槽演示，该演示在开始时具有默认的“卡片”模式。它使用带有特殊情况的网格布局，以合理的方式适合平板电脑/台式机的列