如何在代号1的UI界面下面设计这个答案

【问题标题】：how to design this below UI interface in codename1如何在代号1的UI界面下面设计这个
【发布时间】：2020-05-30 20:52:45
【问题描述】：

【问题讨论】：

【解决方案1】：

这是一个非常简单的 UI。

它可以通过多种方式实现。例如。顶行可以是在 TOP 模式下带有选项卡的选项卡。这将为您隐式交换所有较低的内容。

您可以将选项卡放在中心，添加四个选项卡和每个选项卡的内容。在这种情况下，您需要为每个页面添加一个新横幅（表示销售）。在此之下，您只有一个微不足道的可滚动网格布局。

或者，顶部可以是带有网格布局或 BoxLayout.X_AXIS 的一排按钮。

在这种情况下，页面将是 Y 轴上的框布局。

present 是一个FloatingActionButton 样式的组件。

无论哪种方式，内容都是网格。

每个元素都是一个主要组件。在包含两个孩子的分层布局中的父容器一个是边框布局，其中包含中心的图像布局和包含两个标签的南框 y。第二个是带有折扣标签的上/右对齐流布局。

【讨论】：

如果是网格布局，则类似于myContainer.add(GridLayout.encloseIn(3, btn1, btn2, btn3);。如果是 Box 布局 X，则：myContainer.add(BoxLayout.encloseX(btn1, btn2, btn3);