以前用过matlab GUI,感觉功能操作比较鸡肋,最后界面美化的时候,控件对齐比较麻烦,鼠标拖动不好用。

今年帮别人用matlab GUI做了一个界面,对GUI有了新的认识,其实调整多个控件的位置和尺寸,让界面美观工整,有一定技巧在里面,下面我通过一个例子来说明。

参数输入面板有三个参数输入,用三个静态文本控件和三个动态文本控件组成。如下图所示,他们的位置不整齐,把他们位置调整整齐。

MATLAB App Designer 美化_左对齐


步骤1 :统一控件的外形尺寸。设置三个静态文本控件的FontSize、OuterPosition中x,y属性一致。

布置2:设置左上角控件的位置。调整tag是“长度”的静态文本框的位置,用鼠标拖动。

MATLAB App Designer 美化_控件_02


步骤3:对齐左侧第一列控件。按住ctrl键,多选中三个静态文本框,选择“工具”–>“对齐对象”。纵向的对齐选“箭头”,分布选左侧第一个,设置间距20像素;横向对齐方式选“左对齐”。操作后,三个静态文本框左对齐,间距相等。

MATLAB App Designer 美化_文本框_03


步骤4,对齐第一行控件位置。按住ctrl键,多选中tag是“长度的”静态文本框和tag是“10”的动态文本框,选择“工具”–>“对齐对象”。纵向的对齐选“上对齐”横向对齐方式选“左对齐”,分布选左侧第一个,设置间距10像素;

MATLAB App Designer 美化_左对齐_04


操作后,第一行控件对齐。

MATLAB App Designer 美化_matlab_05


步骤5,对齐左侧第二列控件。按住ctrl键,多选中三个动态文本框,选择“工具”–>“对齐对象”。纵向的对齐选“箭头”,分布选左侧第一个,设置间距20像素;横向对齐方式选“左对齐”。操作后,三个静态文本框左对齐,间距相等。

MATLAB App Designer 美化_matlab_06


控件对齐,操作完成。