Matlab官方案例创建自动调整布局App学习

出于美观考虑，我们在设计APP界面的时候可能希望有些部件的大小能够随着画布的变化而变化，而有些部件的大小则需要保持不变，如下图1-图3所示：

图1.原始界面

图2.放大后界面

图3.缩小后界面

那么要怎么做得到呢？在MATLAB官方案例——创建可利用自动调整布局功能调整大小的 App中给出了解决方法，其中用到的关键部件就是容器中的“网格布局”。设置步骤如下：

1.首先我们先在UI界面中放置一个“网格布局”(GridLayout)，并且调整网格的行列数，使其满足我们UI界面的设计需求，然后向网格中添加“面板”(Panel)部件，“面板”部件会自动吸附到比它大的网格中，并且在部件列表中“面板”成为了“网格布局”的子部件(官方案例中初始网格为1行2列，对应RightPanel和LeftPanel两个面板)。

2.为UI界面(默认名称app.UIFigure)添加SizeChangedFcn回调，回调内容如下：

currentFigureWidth = app.PatientsDisplayUIFigure.Position(3);

if(currentFigureWidth <= app.onePanelWidth) % 当UI界面宽度小于给定限制时，网格变为2行1列 app.GridLayout.RowHeight = {400, 400}; app.GridLayout.ColumnWidth = {'1x'}; app.RightPanel.Layout.Row = 2; app.RightPanel.Layout.Column = 1; else % Change to a 1x2 grid app.GridLayout.RowHeight = {'1x'}; app.GridLayout.ColumnWidth = {282, '1x'};%将第一列网格宽度固定为282，则该网格中的部件不会随UI界面变化而变化。 app.RightPanel.Layout.Row = 1; app.RightPanel.Layout.Column = 2; end

3.将“网格界面”设置中的Scrollable选中，这样才能做到当网格从1行2列变为2行1列时出现滚动条，通过上下拖动显示UI界面的所有内容。

免责声明：本文系网络转载或改编，未找到原创作者，版权归原作者所有。如涉及版权，请联系删