界面布局和数据处理

界面布局和数据处理

作者：朱坤

在软件的界面设计的过程中，合理的使用布局不仅提升软件的视觉体验，还可以引导用户正确的使用软件的功能。

软件的子窗口是数据输入和设置、局部功能调整的入口。由于其功能不同，窗口内所使用的控件和布局也大不相同。下面是一个数据设置窗口。

该窗口不仅可以将相关的数据展现出来，还可以实现对数据的编辑。值得注意的是，设计变量和优化优化目标采用了滚动式的呈现。这样不仅告诉用户这些数据和属性是同一类别下的，还可以节省窗口空间，使得界面看起来更加简洁。

下面同样是一个数据设置窗口

窗口的右上角是一个组合框，每当用户重新选择组合框的时候，下方列表中的数据将被刷新，同时表中之前的数据也将被保存，在逻辑上比较简便和实用。

下面的两张图为同一窗口在不同尺寸下的状态。

可以看到，在窗口被拉宽的情况下，内部部件的尺寸也随之变化，从而充满整个窗口。并且，下方的“应用”“取消”按钮始终位于底部右侧。这就是布局在窗口中发挥的作用。

通过上面的介绍，我们不难发现，其实这写功能在我们日常使用的软件中都有，只是没有注意过。这也是窗口设计的一条原则：与其他软件的窗口共通。这样不仅在视觉上更加容易被接受，软件操作的学习成本也被大大的降低。