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