Componente DatePicker en 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. Puede encontrarlos todos en el cuadro de diálogo Biblioteca de componentes. Está situado en la parte más a la izquierda de la ventana del creador de aplicaciones. 

Selector de fechas:

Para comenzar a trabajar en DatePicker, arrástrelo desde la biblioteca de componentes y suéltelo en la vista de diseño. El componente DataPicker en MATLAB App Building ayuda a los usuarios a seleccionar datos de un calendario interactivo. Puede mostrar fechas en muchos formatos diferentes utilizando este componente.

Cuando selecciona un componente de selector de fecha, se crea la función uidatepicker , que controla la entrada de fecha del usuario. La función es editable y configuras algunos días libres, es decir, que no se pueden elegir y también algunas fechas que se pueden deshabilitar. Discutiremos todo esto en detalle, pero comencemos con cómo comenzar a trabajar en un componente DatePicker.

Paso 1: Inicie Matlab App Builder, ya sea yendo a Diseño de aplicaciones , > Aplicaciones o Crear aplicación> Nuevo> Inicio. Los menús Inicio y Aplicaciones se encuentran en la barra de menú. 

Paso 2: Aparecerá una ventana emergente que le pedirá que seleccione su diseño preferido. Ir con un diseño en blanco.

Paso 3: Seleccione Selector de fecha de la Biblioteca de componentes , que se encuentra en la parte más a la izquierda de la pantalla. Arrástrelo y suéltelo en la Vista de diseño (área de trabajo) de la aplicación.

Al importar las siguientes propiedades del selector de fecha, se agregará la definición del Selector de fecha a nuestro código.

% Properties that correspond to app components
    properties (Access = public)
        % For creating the app figure
        UIFigure         matlab.ui.Figure
        % For creating the Date Picker
        DatePicker       matlab.ui.control.DatePicker
        % It is pre imported for label for date picker.
        % You can also remove it.
        DatePickerLabel  matlab.ui.control.Label
    end
    

Paso 4: después de importarlo a nuestra aplicación, habrá una lista de propiedades disponibles para DatePicker. Puede personalizar las propiedades del Selector de fechas desde el Explorador de componentes, que se encuentra en la parte más a la derecha del espacio de trabajo.

Vamos a discutir todos y cada uno de ellos en detalle. 

Propiedades del selector de fechas:

  • Valor:  Muestra la fecha actualmente seleccionada.
  • Placeholder:   Es la fecha seleccionada por defecto. Cada vez que ejecute la aplicación, esta fecha será visible.
  • Límites: Controla el límite de fechas a recoger. Comprende límites inferior y superior. Por defecto los límites son {0000,1,1) y (9999,12,31).
  • Formato de Visualización: Define el formato en que se visualizará la fecha. El formato predeterminado depende y es el mismo que el formato del sistema. Los formatos son ‘yyyy-MM-dd’, ‘dd/MM/yy, ‘dd.MM.yyyy’, ‘MMMM d, yy.
  • Días de la semana mostrados: Puede deshabilitar cualquier día de la semana para los días seleccionados, es decir, el usuario no podrá seleccionarlos.
  • Fechas mostradas: puede deshabilitar cualquier fecha en particular.
  • Interacción: controla la visibilidad, la capacidad de edición, la fecha de habilitación, la información sobre herramientas (mensaje que se mostrará), el menú contextual (para mostrar un menú contextual al hacer clic).
  • Posición: Posición especifica la posición de DatePicker en la vista de diseño de la aplicación.
  • Devolución de llamada: cuando desee mostrar, algún mensaje o realizar alguna tarea cuando se seleccionan la hora y la fecha, puede usar la función de devolución de llamada. Usando esto, puede controlar el flujo de la función.
  • Padre/Hijo: Maneja la visibilidad del DatePicker.
  • Identificadores: cuando trabaja en una aplicación a gran escala en MATLAB, es lo que más necesita. Le ayuda a agregar etiquetas a su componente para que pueda llamarlo más tarde con facilidad.

Veamos un ejemplo para crear un selector de fechas que seleccione fechas hasta el 1 de enero de 2050 donde los fines de semana están deshabilitados. Además, cambie el color del selector. Para obtener la salida requerida, siga estos pasos.

  • Arrastre y suelte el selector de fechas en el espacio de trabajo de diseño.
  • Vaya al Navegador de componentes, trabajaremos debajo de él para seguir los pasos. En Selector de fecha, vaya a marcador de posición y especifique hoy.
  • Establecer límites, presente en Selector de fecha. Hemos seleccionado del 01/01/2000 al 01/01/2050.
  • En DiabledDaysOfWeek, seleccione sábado y domingo.
  • Vaya a Fuentes y colores. Seleccione el color que desee, así como el color de fondo.

Ejemplo 1:

Matlab

% MATLAB code for DateTimePicker component
classdef date_picker < matlab.apps.AppBase
  
    % Properties that correspond to app components
    properties (Access = public)
        UIFigure         matlab.ui.Figure
        DatePicker       matlab.ui.control.DatePicker
        DatePickerLabel  matlab.ui.control.Label
    end
  
    % Callbacks that handle component events
    methods (Access = private)
  
        % Value changed function: DatePicker
        function DatePickerValueChanged(app, event)
            value = app.DatePicker.Value;
              
        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 DatePickerLabel
            app.DatePickerLabel = uilabel(app.UIFigure);
            app.DatePickerLabel.HorizontalAlignment = 'right';
            app.DatePickerLabel.Position = [187 253 67 22];
            app.DatePickerLabel.Text = 'Date Picker';
  
            % Create DatePicker
            app.DatePicker = uidatepicker(app.UIFigure);
            app.DatePicker.Limits = [datetime([2000 1 1]) datetime([2050 1 1])];
            app.DatePicker.DisabledDaysOfWeek = [1 7];
            app.DatePicker.ValueChangedFcn = createCallbackFcn(app, @DatePickerValueChanged, true);
            app.DatePicker.FontColor = [0 0 1];
            app.DatePicker.BackgroundColor = [0 1 1];
            app.DatePicker.Placeholder = 'today';
            app.DatePicker.Position = [269 253 150 22];
            app.DatePicker.Value = datetime([2022 2 24]);
  
            % 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 = date_picker
  
            % 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:

Ahora tome otro ejemplo y diseñe un selector de fechas que tome la entrada solo de aquellas personas que nacieron antes de 2000 y después de 1950.

Ejemplo 2:

Matlab

% MATLAB code for DateTimePicker component
classdef app1 < matlab.apps.AppBase
  
    % Properties that correspond to app components
    properties (Access = public)
        UIFigure                     matlab.ui.Figure
        EnteryourDOBDatePicker       matlab.ui.control.DatePicker
        EnteryourDOBDatePickerLabel  matlab.ui.control.Label
    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 EnteryourDOBDatePickerLabel
            app.EnteryourDOBDatePickerLabel = uilabel(app.UIFigure);
            app.EnteryourDOBDatePickerLabel.HorizontalAlignment = 'right';
            app.EnteryourDOBDatePickerLabel.Position = [211 289 90 22];
            app.EnteryourDOBDatePickerLabel.Text = 'Enter your DOB';
  
            % Create EnteryourDOBDatePicker
            app.EnteryourDOBDatePicker = uidatepicker(app.UIFigure);
            app.EnteryourDOBDatePicker.Limits = [datetime([1050 1 1]) datetime([2000 12 31])];
            app.EnteryourDOBDatePicker.Position = [316 289 150 22];
  
            % 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 = 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

Producción:

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 *