如何在代号 1 中设计 UI 界面

Question

/home/benjaminz/Pictures/Screenshot from 2020-02-15 10-01-31.png

Answer 1

那真是微不足道UI。

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

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

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

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

礼物是 FloatingActionButton 样式组件。

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

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