MATLAB: How to wrap text within buttons of app-designer

app designerappdesignerbuttonMATLABmulti-line texttext wrapping

Is there a way I can chose to wrap the text in my button to a 2nd row, instead of letting it to overflow outside my button?

Thanks!

Best Answer

You can make set multi-lined text in a button from within the startup function startupFcn().

The first line below creates two lines of text within the button.

The second line moves the button down and doubles its vertical size. Set the button width and the position of the top of the button from the DesignView.

% Code that executes after component creation
        function startupFcn(app, arg1)
            app.Button.Text = ['Really long',newline,'button name']; % or sprintf('Really long\nbutton name')
            app.Button.Position([2,4]) = app.Button.Position([2,4]) + [-1,1].*app.Button.Position(4);
            
            % If you'd rather the button size to expand upward rather than downward, 
            % Replace the 2nd line above with
            % app.Button.Position(4) = app.Button.Position(4)*2;
            
        end

Update

As of R2020b multi-line text in buttons can be achieved from Design View (thanks Eric Sargent).

Related Solutions

MATLAB: Appdesigner button group problem

Enabled property is not valid for Button Group but valid for Button. So, app.Button.Enable = 'off' will work.

%% Create UIFigure
app.UIFigure = uifigure;
app.UIFigure.Position = [100 100 640 480];
app.UIFigure.Name = 'UI Figure';
% Create ButtonGroup
app.ButtonGroup = uibuttongroup(app.UIFigure);
app.ButtonGroup.Title = 'Button Group';
app.ButtonGroup.Position = [282 115 123 106];
% Create Button
app.Button = uiradiobutton(app.ButtonGroup);
app.Button.Enable = 'off';
app.Button.Text = 'Button';
app.Button.Position = [11 60 58 22];
app.Button.Value = true;
% Create Button2
app.Button2 = uiradiobutton(app.ButtonGroup);
app.Button2.Enable = 'off';
app.Button2.Text = 'Button2';
app.Button2.Position = [11 38 65 22];
% Create Button3
app.Button3 = uiradiobutton(app.ButtonGroup);
app.Button3.Text = 'Button3';
app.Button3.Position = [11 16 65 22];
%% Disable all buttons 
app.Button.Enable = 'off';
app.Button2.Enable = 'off';
app.Button3.Enable = 'off';

Also, Button Group has Visible property, so you can hide button group by the following.

app.ButtonGroup.Visible = 'off';

MATLAB: App Designer How to “StartUp” within the App

(1) Two possibilities to reset your app to its default state:

https://www.mathworks.com/matlabcentral/answers/489003-reset-or-clear-property-values-in-app-designer#comment_763148

https://www.mathworks.com/matlabcentral/answers/489003-reset-or-clear-property-values-in-app-designer#answer_399598

I prefer the first. A simple example using a function called resetComponents:

classdef app1 < matlab.apps.AppBase
    % Properties that correspond to app components
    properties (Access = public)
        UIFigure        matlab.ui.Figure
        EditFieldLabel  matlab.ui.control.Label
        EditField       matlab.ui.control.EditField
        Button          matlab.ui.control.Button
    end
    % Component initialization
    methods (Access = private)
        % Create UIFigure and components

        function createComponents(app)
            % Create UIFigure and hide until all components are created
            app.UIFigure = uifigure('Visible', 'off');
            app.UIFigure.Position = [100 100 640 480];
            app.UIFigure.Name = 'UI Figure';
            % Create EditFieldLabel

            app.EditFieldLabel = uilabel(app.UIFigure);
            app.EditFieldLabel.HorizontalAlignment = 'right';
            app.EditFieldLabel.Position = [382 282 56 22];
            app.EditFieldLabel.Text = 'Edit Field';
            % Create EditField

            app.EditField = uieditfield(app.UIFigure, 'text');
            app.EditField.Position = [453 282 100 22];
            % Create Button

            app.Button = uibutton(app.UIFigure, 'push');
            app.Button.Position = [129 282 100 22];
            app.Button.Text = 'Reset';
            app.Button.ButtonPushedFcn = @app.resetButtonCallback;
            % Show the figure after all components are created
            app.UIFigure.Visible = 'on';
        end
        
        function resetComponents(app)
            % Create EditFieldLabel
            app.EditFieldLabel = uilabel(app.UIFigure);
            app.EditFieldLabel.HorizontalAlignment = 'right';
            app.EditFieldLabel.Position = [382 282 56 22];
            app.EditFieldLabel.Text = 'Edit Field';
            % Create EditField
            app.EditField = uieditfield(app.UIFigure, 'text');
            app.EditField.Position = [453 282 100 22];
            % Create Button
            app.Button = uibutton(app.UIFigure, 'push');
            app.Button.Position = [129 282 100 22];
            app.Button.Text = 'Reset';
            app.Button.ButtonPushedFcn = @app.resetButtonCallback;
            
            % Or, alternatively, instead of redefining each component, just figure out all
            % properties which could be changed by the user and reset them to their
            % defaults:
            %

            % app.EditField.Value = '';
            %
            % Simpler here, but takes more work for more complicated apps.
        end
        
        function resetButtonCallback(app, ~, ~)
            resetComponents(app);
        end
    end
    % App creation and deletion
    methods (Access = public)
        % Construct app
        function app = app1
            % Create UIFigure and 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

(2) You can access a callback function if you have access to an instance of the app and you are calling from a location allowed by the function's Access attribute (e.g. Public, Private, etc).

Example 1: You cannot call a callback function from within a static method, because the static method does not have access to an instance of the app.

Example 2: You cannot call a callback function externally if its Access attribute is Private.

Best Answer

Related Solutions

MATLAB: Appdesigner button group problem

MATLAB: App Designer How to “StartUp” within the App

Related Question