¿Cómo crear un botón GUI en la aplicación MATLAB?

El creador de aplicaciones de MATLAB ayuda a crear aplicaciones en GUI sin tener los conocimientos adecuados de desarrollo de software. Matlab lo ayuda a crear aplicaciones profesionales sin problemas, usándolo. Hay tantos componentes disponibles en Matlab App Builder. 

Paso 1: Abra MATLAB y seleccione la aplicación de diseño.

Paso 2: ahora arrastre y suelte el botón en la pestaña Diseño del cuadro de diálogo Biblioteca de componentes . Está situado en la parte más a la izquierda de la ventana del creador de aplicaciones. 

Paso 3: Puede personalizar su botón según sus preferencias, es decir, puede cambiar sus muchas propiedades en el cuadro de diálogo Explorador de componentes .

Paso 4: Estas diferentes opciones de arrastrar y soltar te ayudan a personalizar tu botón. 

• La opción de botón le ayuda a cambiar el texto sobre el botón, cambiar su alineación y establecer el icono y su alineación sobre el botón.
• La fuente y el color lo ayudan a elegir el estilo de fuente y el color para su botón.
• La interactividad controla cómo comportarse con el usuario.
• Posición especifica la posición del botón en la aplicación definida.
• Callback Execution Control controla su incorruptibilidad . 
• Visibilidad de controles padre/hijo .
• Los identificadores se utilizan para agregar etiquetas a su botón.

Paso 5:  ahora habilitamos la función del botón usando la función de devolución de llamada . Entenderemos la devolución de llamada con el ejemplo. Primero, agregue una función de devolución de llamada, haga clic con el botón derecho en el botón, elija Devolución de llamada y luego Agregar devolución de llamada ButtonPushedFcn.

 Agregará la función para usted en la parte del código y se verá así.

Puede agregar su código debajo del comentario, su código aquí. Estos códigos se ejecutarán cada vez que se haga clic en el botón.

Tratemos de entender los botones a través de ejemplos prácticos para hacerlos funcionales. Por ejemplo, queremos diseñar una aplicación de MATLAB para sumar dos números. 

Paso 1:   Primero seleccionamos el componente y arrastramos y soltamos 3 campos de entrada (numéricos), un botón, y los organizamos de la manera que prefiera. Nuestra aplicación se ve así

Paso 2: para el diseño anterior, las líneas de código que se agregan a nuestro código son:

 % Properties that correspond to app components
    properties (Access = public)
        UIFigure                matlab.ui.Figure
        ResultLabel             matlab.ui.control.Label
        EnterSecondNumberLabel  matlab.ui.control.Label
        EnterFirstNumberLabel   matlab.ui.control.Label
        EditField3              matlab.ui.control.NumericEditField
        EditField3Label         matlab.ui.control.Label
        EditField2              matlab.ui.control.NumericEditField
        EditField2Label         matlab.ui.control.Label
        EditField               matlab.ui.control.NumericEditField
        EditFieldLabel          matlab.ui.control.Label
        AddButton               matlab.ui.control.Button
    end

Paso 3: ahora agregue una devolución de llamada AddButtonPushed en el botón.

Paso 4: ahora en la parte de codificación, se crearía la función. Agregue el siguiente código en la función para que nuestro botón funcione.

    % Callbacks that handle component events
    methods (Access = private)

        % Button pushed function: AddButton
        function AddButtonPushed(app, event)
            % Taking input from num field 1
            a = app.Num1EditField.Value;
            % Taking input from num field 1
            b = app.Num2EditField.Value;

            % Calculating Sum
            c = a+b;
            % Displaying Output
            app.AnswerEditField.Value = c;
            
        end
    end

Ejemplo 1:

t

Producción:

Ahora tome otro ejemplo y calcule el cuadrado de cualquier número usando el componente Botón. Para ello, seleccione dos etiquetas, dos campos de entrada (numéricos) y un botón. Nuestra aplicación se ve así

Ejemplo 2:

% MATLAB code for Button component
classdef appadd1 < matlab.apps.AppBase
 
    % Properties that correspond to app components
    properties (Access = public)
        UIFigure                matlab.ui.Figure
        ResultLabel             matlab.ui.control.Label
        EnterNumberLabel        matlab.ui.control.Label
        EditField2              matlab.ui.control.NumericEditField
        EditField               matlab.ui.control.NumericEditField
        ClickButton             matlab.ui.control.Button
    end
 
    % Callbacks that handle component events
    methods (Access = private)
 
        % Button pushed function: ClickButton
        function ClickButtonPushed(app, event)
            
           % Taking input from num field 1
            a = app.EditField.Value; 
            c = a*a;
            
           % Displaying Output
            app.EditField2.Value = c;
        end
    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 = 'MATLAB App';
 
            % Create ClickButton
            app.ClickButton = uibutton(app.UIFigure, 'push');
            app.ClickButton.ButtonPushedFcn = createCallbackFcn(app, @ClickButtonPushed, true);
            app.ClickButton.Position = [188 278 100 22];
            app.ClickButton.Text = 'Click';
 
            % Create EditField
            app.EditField = uieditfield(app.UIFigure, 'numeric');
            app.EditField.Position = [287 397 146 40];
 
            
            % Create EditField3
            app.EditField2 = uieditfield(app.UIFigure, 'numeric');
            app.EditField2.Position = [287 329 138 52];
 
            % Create EnterNumberLabel
            app.EnterNumberLabel = uilabel(app.UIFigure);
            app.EnterNumberLabel.Position = [21 403 107 43];
            app.EnterNumberLabel.Text = 'Enter  Number';
             
            % Create ResultLabel
            app.ResultLabel = uilabel(app.UIFigure);
            app.ResultLabel.Position = [21 352 70 46];
            app.ResultLabel.Text = 'Result';
 
            % Show the figure after all components are created
            app.UIFigure.Visible = 'on';
        end
    end
 
    % App creation and deletion
    methods (Access = public)
 
        % Construct app
        function app = appadd1
 
            % 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

Producción: