¿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.

Design App

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. 

Component Library in MATLAB GUI

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 .

Component Browser in MATLAB GUI

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.

ButtonPushedFcn callback

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

Button Code

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í

Design View

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.

Goto addbutton

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:

MATLAB app addition

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í

Design View for square

Ejemplo 2:

Matlab

% 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:

MATLAB App - square

Publicación traducida automáticamente

Artículo escrito por geeky01adarsh y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *