界面布局和數(shù)據(jù)處理

作者：朱坤

在軟件的界面設(shè)計的過程中，合理的使用布局不僅提升軟件的視覺體驗，還可以引導(dǎo)用戶正確的使用軟件的功能。

軟件的子窗口是數(shù)據(jù)輸入和設(shè)置、局部功能調(diào)整的入口。由于其功能不同，窗口內(nèi)所使用的控件和布局也大不相同。下面是一個數(shù)據(jù)設(shè)置窗口。

該窗口不僅可以將相關(guān)的數(shù)據(jù)展現(xiàn)出來，還可以實現(xiàn)對數(shù)據(jù)的編輯。值得注意的是，設(shè)計變量和優(yōu)化優(yōu)化目標采用了滾動式的呈現(xiàn)。這樣不僅告訴用戶這些數(shù)據(jù)和屬性是同一類別下的，還可以節(jié)省窗口空間，使得界面看起來更加簡潔。

下面同樣是一個數(shù)據(jù)設(shè)置窗口

窗口的右上角是一個組合框，每當(dāng)用戶重新選擇組合框的時候，下方列表中的數(shù)據(jù)將被刷新，同時表中之前的數(shù)據(jù)也將被保存，在邏輯上比較簡便和實用。

下面的兩張圖為同一窗口在不同尺寸下的狀態(tài)。

可以看到，在窗口被拉寬的情況下，內(nèi)部部件的尺寸也隨之變化，從而充滿整個窗口。并且，下方的“應(yīng)用”“取消”按鈕始終位于底部右側(cè)。這就是布局在窗口中發(fā)揮的作用。

通過上面的介紹，我們不難發(fā)現(xiàn)，其實這寫功能在我們?nèi)粘Ｊ褂玫能浖卸加校皇菦]有注意過。這也是窗口設(shè)計的一條原則：與其他軟件的窗口共通。這樣不僅在視覺上更加容易被接受，軟件操作的學(xué)習(xí)成本也被大大的降低。