NUMERIC UP DOWN

¿QUÉ ES UN NUMERIC UP DOWN?

El Numeric Up Down es un control de interfaz de usuario en programación que permite a

los usuarios seleccionar un número dentro de un rango especificado. Este control tiene dos
botones: uno para aumentar el valor (con una flecha hacia arriba) y otro para disminuir el
valor (con una flecha hacia abajo). El valor mostrado se incrementa o decrementa al hacer
clic en los botones, o el usuario puede escribir un valor manualmente. Es especialmente útil
cuando se requiere que el usuario ingrese un número dentro de un rango, como en
configuraciones de cantidades, precios, edades, etc.

¿PARA QUÉ SIRVE EL NUMERIC UP DOWN?

El Numeric Up Down sirve para:

 Facilitar la selección de números dentro de un rango específico.

 Evitar errores de entrada al permitir únicamente números dentro de un rango definido.
 Ofrecer una interfaz sencilla y eficiente para modificar valores numéricos sin necesidad de
escribirlos manualmente.
 Utilizarse en formularios de configuración, cálculos o cualquier aplicación que requiera un
valor numérico dentro de ciertos límites.

PROPIEDADES DEL NUMERIC UP DOWN EN VISUAL BASIC

El control NumericUpDown en Visual Basic tiene varias propiedades que puedes usar para
personalizar su comportamiento y apariencia. Algunas de las más importantes son:

1. Value: Esta propiedad obtiene o establece el valor numérico actual del control.
o Ejemplo: NumericUpDown1.Value = 10

2. Minimum: Establece el valor mínimo que puede tener el control.

o Ejemplo: NumericUpDown1.Minimum = 0

3. Maximum: Establece el valor máximo que puede tener el control.

o Ejemplo: NumericUpDown1.Maximum = 100

4. Increment: Define el valor por el cual se incrementa o decrementa el control cada

vez que el usuario hace clic en los botones de flecha.
o Ejemplo: NumericUpDown1.Increment = 5

5. DecimalPlaces: Define la cantidad de decimales que se muestran en el valor del

control.
o Ejemplo: NumericUpDown1.DecimalPlaces = 2
 6. ThousandsSeparator: Determina si se muestra el separador de miles en el valor.
o Ejemplo: NumericUpDown1.ThousandsSeparator = True

7. TextAlign: Controla la alineación del texto mostrado en el control. Las opciones

comunes son Left, Center, o Right.
o Ejemplo: NumericUpDown1.TextAlign = HorizontalAlignment.Center

8. UpDownAlign: Establece la posición de los botones de incremento y decremento.

Puede ser LeftRight (por defecto) o TopBottom para un control vertical.
o Ejemplo: NumericUpDown1.UpDownAlign = LeftRight

9. ValueChanged: Este es un evento que se dispara cuando el valor del

NumericUpDown cambia, ya sea mediante los botones de flecha o la escritura
manual.
o Ejemplo: AddHandler NumericUpDown1.ValueChanged, AddressOf
NumericUpDown1_ValueChanged

EJEMPLO BÁSICO EN VISUAL BASIC (VB.NET)

Imaginemos que estamos creando una aplicación donde el usuario puede seleccionar la
cantidad de un producto usando un control NumericUpDown. Mostraremos el valor
seleccionado en un Label.

PASOS:

1. Abre Visual Studio.

2. Crea un Nuevo Proyecto de tipo Windows Forms App (.NET Framework).
3. En el formulario de diseño, agrega un control NumericUpDown, un Label para mostrar el
valor seleccionado, y un Button para mostrar el valor al hacer clic.

CÓDIGO EN VISUAL BASIC (VB.NET):

vb
Copiar código
Public Class Form1
' Evento que se dispara cuando el valor cambia
Private Sub NumericUpDown1_ValueChanged(sender As Object, e As
EventArgs) Handles NumericUpDown1.ValueChanged
' Mostrar el valor seleccionado en el Label
Label1.Text = "Cantidad seleccionada: " &
NumericUpDown1.Value.ToString()
End Sub

' Evento para el botón (para mostrar el valor al hacer clic)

Private Sub Button1_Click(sender As Object, e As EventArgs) Handles
Button1.Click
' Mostrar el valor en un mensaje
MessageBox.Show("El valor seleccionado es: " &
NumericUpDown1.Value.ToString())
End Sub
End Class
EXPLICACIÓN:

 El evento NumericUpDown1_ValueChanged se ejecuta cada vez que el usuario cambia el

valor del control (ya sea al hacer clic en los botones de incremento o decremento, o al
escribir el valor manualmente).
 En el evento Button1_Click, mostramos el valor actual del NumericUpDown en un
mensaje.

PROPIEDADES ADICIONALES EN ESTE CÓDIGO:

 Puedes configurar la propiedad Minimum y Maximum para limitar el rango de

valores que el usuario puede seleccionar.

vb
Copiar código
NumericUpDown1.Minimum = 0
NumericUpDown1.Maximum = 100
NumericUpDown1.Increment = 1

EJERCICIOS PARA PRACTICAR CON NUMERIC UP DOWN

1. Ejercicio 1: Configuración de cantidades

o Crea una aplicación que permita a un usuario seleccionar la cantidad de productos
que desea comprar. Muestra el total (precio multiplicado por la cantidad
seleccionada) en un Label. Usa un NumericUpDown para seleccionar la cantidad
y otro control para ingresar el precio.

2. Ejercicio 2: Limitación de valores

o Crea una aplicación en la que se limite el valor de un NumericUpDown entre 1 y
10. Además, haz que el control cambie de color cuando el valor esté fuera de un
rango permitido (por ejemplo, 5-8).

3. Ejercicio 3: Incremento personalizado

o Crea una aplicación que permita a un usuario seleccionar la cantidad de artículos a
través de un NumericUpDown, pero que el control incremente/decremente de 2
en 2 en lugar de 1.

COMO COLOCAR FECHA Y HORA EN

LABEL
En Visual Basic (VB.NET), puedes mostrar la fecha y hora actual en un Label de un
formulario utilizando el código adecuado. Para hacerlo, puedes utilizar la clase DateTime
de .NET, que proporciona varias formas de trabajar con la fecha y la hora.

Aquí te muestro cómo hacerlo paso a paso:

EJEMPLO DE CÓDIGO PARA MOSTRAR LA FECHA Y HORA ACTUAL EN UN
LABEL:

1. Crea un nuevo proyecto de Windows Forms en Visual Studio.

2. Agrega un Label en el formulario donde quieras mostrar la fecha y hora.
3. Agrega un botón (Button) si deseas mostrar la fecha y hora al hacer clic en el botón, o
también puedes actualizar la fecha y hora en tiempo real si lo deseas.
4. Escribe el código para mostrar la fecha y hora en el Label.

CÓDIGO EN VISUAL BASIC:

Este ejemplo mostrará la fecha y hora actual al hacer clic en un botón, y actualizará la fecha
y hora en tiempo real (en formato personalizado).

CÓDIGO PARA UN BOTÓN QUE MUESTRA LA FECHA Y HORA AL HACER CLIC:

vb
Copiar código
Public Class Form1
' Evento que se ejecuta al hacer clic en el botón
Private Sub Button1_Click(sender As Object, e As EventArgs) Handles
Button1.Click
' Mostrar la fecha y hora actual en el Label en formato
personalizado
Label1.Text = "Fecha y Hora actual: " &
DateTime.Now.ToString("dd/MM/yyyy HH:mm:ss")
End Sub
End Class
EXPLICACIÓN DEL CÓDIGO:

 DateTime.Now: Obtiene la fecha y hora actual del sistema.

 ToString("dd/MM/yyyy HH:mm:ss"): Convierte la fecha y hora en un formato
específico. En este caso, el formato es:
o dd: Día con dos dígitos.
o MM: Mes con dos dígitos.
o yyyy: Año con cuatro dígitos.
o HH: Hora en formato de 24 horas.
o mm: Minutos con dos dígitos.
o ss: Segundos con dos dígitos.

Este formato puede ser modificado según tus necesidades.

CÓDIGO PARA MOSTRAR LA FECHA Y HORA EN TIEMPO REAL (CADA SEGUNDO):

Si prefieres que el Label se actualice automáticamente cada segundo con la fecha y hora
actual, puedes usar un Timer.

1. En el formulario, agrega un Timer (desde la caja de herramientas, busca "Timer" y

arrástralo al formulario).
 2. Configura el Timer con un intervalo de 1000 milisegundos (1 segundo).
3. Escribe el siguiente código:

vb
Copiar código
Public Class Form1
' Evento que se ejecuta cuando el Timer hace un "tick" (cada 1
segundo)
Private Sub Timer1_Tick(sender As Object, e As EventArgs) Handles
Timer1.Tick
' Mostrar la fecha y hora actual en el Label en formato
personalizado
Label1.Text = "Fecha y Hora actual: " &
DateTime.Now.ToString("dd/MM/yyyy HH:mm:ss")
End Sub

' Evento que se ejecuta cuando el formulario se carga

Private Sub Form1_Load(sender As Object, e As EventArgs) Handles
MyBase.Load
' Iniciar el Timer cuando el formulario se cargue
Timer1.Start()
End Sub
End Class
EXPLICACIÓN:

 Timer1_Tick: Este evento se ejecuta cada vez que el Timer alcanza el intervalo
configurado (en este caso, cada segundo). Dentro de este evento, se actualiza el Label1
con la fecha y hora actual.
 Timer1.Start(): Inicia el Timer cuando el formulario se carga. Esto hace que la fecha y
hora se actualicen en tiempo real.

MENU STRIP
¿QUÉ ES UN MENUSTRIP?

El MenuStrip en programación es un control utilizado en las aplicaciones de Windows

Forms para crear menús desplegables. Este control se utiliza para organizar las opciones de
navegación o funcionalidad de una aplicación, de manera que los usuarios puedan
seleccionar opciones del menú para realizar acciones específicas. Un MenuStrip
generalmente contiene varias opciones o ítems de menú que se agrupan bajo categorías, y
cada ítem puede tener su propio conjunto de acciones asociadas.

¿PARA QUÉ SIRVE UN MENUSTRIP?

Un MenuStrip sirve para:

 Crear menús de navegación en aplicaciones de Windows Forms.

 Agrupar funcionalidades relacionadas en categorías (por ejemplo, Archivo, Editar, Ver).
  Organizar las acciones de una aplicación de manera accesible y estructurada.
 Ofrecer opciones adicionales mediante submenús o elementos de menú contextuales.
 Mejorar la experiencia del usuario proporcionando un acceso fácil a las funciones
principales de la aplicación.

PROPIEDADES DEL MENUSTRIP EN VISUAL BASIC

El control MenuStrip tiene varias propiedades que puedes configurar para personalizar el
comportamiento y la apariencia del menú. Algunas de las propiedades más utilizadas son:

1. Items: Permite agregar o quitar ítems de menú a través de código.

o Ejemplo: MenuStrip1.Items.Add("Nuevo")

2. RenderMode: Determina el modo de renderización del menú. Las opciones comunes

son System y Professional.
o Ejemplo: MenuStrip1.RenderMode = ToolStripRenderMode.System

3. Text: Define el texto que se muestra en el ítem de menú o submenú.

o Ejemplo: ToolStripMenuItem1.Text = "Abrir"

4. ShowItemToolTips: Si está establecido en True, se mostrará un tooltip cuando el

puntero del ratón pase sobre los ítems del menú.
o Ejemplo: MenuStrip1.ShowItemToolTips = True

5. GripStyle: Define el estilo del control (si tiene o no el "agarre" para ser movido).
o Ejemplo: MenuStrip1.GripStyle = ToolStripGripStyle.Hidden

6. Location: Determina la posición del MenuStrip en el formulario.

o Ejemplo: MenuStrip1.Location = New Point(0, 0)

7. Visible: Controla la visibilidad del MenuStrip.

o Ejemplo: MenuStrip1.Visible = True

EJEMPLO DE UN MENUSTRIP EN VISUAL BASIC (VB.NET)

Supongamos que queremos crear un menú básico con las opciones Nuevo, Abrir y Salir en
una aplicación de Windows Forms.

PASOS:

1. Crear un nuevo proyecto de Windows Forms en Visual Studio.

2. Agregar un control MenuStrip al formulario desde la caja de herramientas.
3. Agregar ítems al MenuStrip (como Archivo, Nuevo, Abrir, Salir).
4. Asociar eventos de clic a los ítems del menú para que realicen alguna acción cuando se
seleccionen.
CÓDIGO EN VISUAL BASIC (VB.NET):
vb
Copiar código
Public Class Form1
' Evento para "Nuevo"
Private Sub NuevoToolStripMenuItem_Click(sender As Object, e As
EventArgs) Handles NuevoToolStripMenuItem.Click
MessageBox.Show("Nuevo archivo creado.")
End Sub

' Evento para "Abrir"

Private Sub AbrirToolStripMenuItem_Click(sender As Object, e As
EventArgs) Handles AbrirToolStripMenuItem.Click
MessageBox.Show("Archivo abierto.")
End Sub

' Evento para "Salir"

Private Sub SalirToolStripMenuItem_Click(sender As Object, e As
EventArgs) Handles SalirToolStripMenuItem.Click
Me.Close() ' Cerrar la aplicación
End Sub
End Class
DISEÑO DEL MENUSTRIP:

 En el MenuStrip agregamos un ítem principal llamado Archivo, que tiene tres sub-ítems:
Nuevo, Abrir y Salir.
 Cada ítem tiene un evento de clic que muestra un MessageBox o realiza una acción
cuando el usuario selecciona ese ítem.

ESTRUCTURA DEL MENUSTRIP:

En el diseñador de Visual Studio, puedes agregar los ítems de menú de la siguiente

manera:

1. Haz clic en el MenuStrip en el formulario.

2. Agrega un ítem llamado Archivo.
3. Dentro de Archivo, agrega tres sub-ítems: Nuevo, Abrir y Salir.
4. Asocia cada uno de estos ítems con su evento respectivo, como en el código anterior.

EJERCICIOS PARA PRACTICAR CON MENUSTRIP

1. Ejercicio 1: Crear un menú de archivo

o Crea un MenuStrip con las opciones Archivo que contengan las opciones Nuevo,
Abrir, Guardar y Salir. Cada opción debe mostrar un mensaje diferente o realizar
una acción como abrir un cuadro de diálogo o cerrar el formulario.

2. Ejercicio 2: Agregar un submenú

o Agrega un submenú al ítem Archivo, como Opciones. Dentro de Opciones, agrega
un submenú Configuración que muestre un cuadro de mensaje con información
sobre la aplicación cuando se seleccione.
3. Ejercicio 3: Menú de edición
o Crea un menú llamado Editar que contenga las opciones Copiar, Pegar y
Deshacer. Cada opción debe ejecutar una acción simple, como mostrar un
mensaje diciendo que se copió, pegó o deshizo una acción.