在App Designer中右对齐UITable中的值

时间:2017-02-14 11:26:25

标签: matlab customization text-alignment matlab-uitable matlab-app-designer

我已经在Matlab Answers上询问了这个问题,但没有在那里得到回复,所以我在这里试试。

我想在UITable中显示一些数字。由于我需要特定的值格式(逗号后面的三位数,没有科学记法),我将值转换为字符串。问题是这些字符串默认是左对齐的,看起来不太好。

在GUIDE中使用UITable时,我能够使用前导空格填充字符串以使它们正确对齐,如下所示

data = {'1532.000'; '   5.543'; '  26.457'};

使用单声道空格字体,值在表格中显示如下:

1532.000
   5.543
  26.457

目前我正在考虑转换到App Designer。我使用相同的空格填充字符串,但这里的uitable似乎剥离了它们。结果如下:

1532.000
5.543
26.457

有没有办法让App Designer中的uitable像GUIDE一样保留空格? 当然,直接右对齐字符串会更好,而不需要填充,但据我所知这是不可能的。

如果重要:我正在使用Matlab R2016b。

修改

生成和填充UITable的最小示例。这是一个简单的AppDesigner GUI,我只添加了一个表和一个按钮(不修改任何属性)。按钮的单击回调用于将数据添加到表中。

classdef test < matlab.apps.AppBase

    % Properties that correspond to app components
    properties (Access = public)
        UIFigure  matlab.ui.Figure
        UITable   matlab.ui.control.Table
        Button    matlab.ui.control.Button
    end

    methods (Access = private)

        % Button pushed function: Button
        function ButtonPushed(app, event)
            data = {'1532.000'; '   5.543'; '  26.457'};
            app.UITable.Data = data;
        end
    end

    % App initialization and construction
    methods (Access = private)

        % Create UIFigure and components
        function createComponents(app)

            % Create UIFigure
            app.UIFigure = uifigure;
            app.UIFigure.Position = [100 100 640 480];
            app.UIFigure.Name = 'UI Figure';
            setAutoResize(app, app.UIFigure, true)

            % Create UITable
            app.UITable = uitable(app.UIFigure);
            app.UITable.ColumnName = {'Column 1'; 'Column 2'; 'Column 3'; 'Column 4'};
            app.UITable.RowName = {};
            app.UITable.Position = [127 180 302 185];

            % Create Button
            app.Button = uibutton(app.UIFigure, 'push');
            app.Button.ButtonPushedFcn = createCallbackFcn(app, @ButtonPushed, true);
            app.Button.Position = [220 104 100 22];
        end
    end

    methods (Access = public)

        % Construct app
        function app = test()

            % Create and configure components
            createComponents(app)

            % Register the app with App Designer
            registerApp(app, app.UIFigure)

            if nargout == 0
                clear app
            end
        end

        % Code that executes before app deletion
        function delete(app)

            % Delete UIFigure when app is deleted
            delete(app.UIFigure)
        end
    end
end

按下按钮后,表格如下所示:

enter image description here

请注意,AppDesigner只允许我修改ButtonPushed函数内的代码。

1 个答案:

答案 0 :(得分:3)

investigating这一段时间之后,我发现&#34;特殊的原因&#34;关于data = {'1532.000'; ' 5.543'; ' 26.457'}; app.UITable.Data = data; setColumnFormat(java(app.UITable),{'numeric'}); % < Add this 的行为是因为它实际上是一个Java对象! (我不知道他们是如何设法解决这个问题的原因)。在任何情况下,右对齐数据都可以通过在脚本中插入一行来完成:

{'numeric'}

如果您希望以这种方式对齐多个列,只需根据需要多次复制setColumnFormat(java(app.UITable), repmat( {'numeric'}, 1, size(data,2) ) );

app.UITable.ColumnFormat = {'numeric'};
app.UITable.ColumnFormat = repmat( {'numeric'}, 1, size(data,2) );

上面的样式命令也可以略微缩短一下(感谢@luator指出这一点):

{{1}}

结果:

Demonstration

如果我正确理解Yair的博客,您可以通过查找&#34; JIDE表&#34;或SortableTable来找到有关自定义这些表格对象的更多信息。