03b. UsoControlesVisuales 2023

Descargar como pdf o txt
Descargar como pdf o txt
Está en la página 1de 25

Programación Orientada a Objetos en C# .

NET

CAPÍTULO 3
EL LENGUAJE C# Y DISEÑO DE
FORMAS
(Uso de los controles visuales)

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 1
Programación Orientada a Objetos en C# .NET

Preguntas detonadoras

¿Cuáles son los controles visuales más


comunes en una aplicación? ¿Cómo se
utilizan?
¿Cómo identificar el control visual más
recomendado para capturar un dato?
¿Cómo desplegar valores de los datos para
que el usuario los interprete y entienda
perfectamente?
3

Controles visuales
Botón: Ejecuta un conjunto de
Sentencias cuando se oprime

CheckBox: Se utiliza para seleccionar


varias opciones de un conjunto

Etiqueta: Muestra un mensaje fijo


En la forma

Lista: Muestra una cuadro con una lista de


mensajes

RadioBotón: Se utiliza para seleccionar


Sólo una opción de un conjunto

Cuadro de Texto: Se utiliza para introducir


o mostrar datos

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 2
Programación Orientada a Objetos en C# .NET

TextBox
Se usa para capturar datos
libremente
Para ver su contenido se usa:
textBox1.Text
Siempre es de tipo string textBox1

Si requiere otro tipo de dato,


es necesario usar Parse( )
int x =
int.Parse(textBox1.Text);

Para limpiar su contenido:


textBox1.Clear( );

No se recomienda el TextBox para…


Capturar datos booleanos como…
¿Tiene seguro de vida?
¿Asistió al simposium?
¿Recibió el curso de capacitación?

Este tipo de preguntas o datos tienen como respuesta


Sí o No (tipo de dato lógico o booleano)

Es mejor usar controles de tipo CheckBox

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 3
Programación Orientada a Objetos en C# .NET

No se recomienda el TextBox para…


Capturar datos de fechas como…
Fecha de nacimiento de una persona

Este tipo de preguntas o datos tienen como


respuesta un valor de tipo DateTime

Es mejor usar controles de tipo DateTimePicker

No se recomienda el TextBox para…


Capturar datos de opción multiple (escoger un valor
de un rango definido) como…
Sexo de una persona
Carrera que estudia en el Tec
Cursos que ha impartido

Es mejor usar controles de tipo RadioButton,


ComboBox o CheckBox

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 4
Programación Orientada a Objetos en C# .NET

No se recomienda el TextBox para…


Capturar datos calculables como…
El Subtotal, IVA y el total de una factura
La edad de una persona (calculable a partir de su
fecha de nacimiento)

Es mejor usar mostrar estos datos con un TextBox


de solo lectura (propiedad ReadOnly).

CheckBox
Permite seleccionar
varias opciones
Tome encuenta que el
usuario puede
seleccionar:
Ninguna opción checkBox1

Solamente una
checkBox2
Varias
Todas las opciones
Se recomienda para
capturar datos
booleanos 10

10

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 5
Programación Orientada a Objetos en C# .NET

No se recomienda el CheckBox para…


Concatenar valores de las selecciones del
usuario como…
Los cursos impartidos por un profesor escogidos de un
grupo de opciones disponibles
Es mejor un dato booleano por cada curso impartido
No sería posible identificar si se impartió un curso en
particular o de manera individual

11

11

Diseño NO recomendable para un CheckBox

12

12

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 6
Programación Orientada a Objetos en C# .NET

Diseño NO recomendable para un CheckBox

string strCursosImpartidos = "";


if (chkFundamentosDeProgramacion.Checked)
strCursosImpartidos += chkFundamentosDeProgramacion.Text;
if (chkProgOrientadaAObjetos.Checked)
strCursosImpartidos += "-"+chkProgOrientadaAObjetos.Text;
if (chkEstructurasDeDatos.Checked)
strCursosImpartidos += "-"+chkEstructurasDeDatos.Text;

MessageBox.Show(strCursosImpartidos,"Cursos impartidos");
13

13

Diseño NO recomendable para un CheckBox

No se recomienda
concatenar las
opciones seleccionadas
Con este diseño no
sería posible identificar
si se impartió un curso
de manera individual
14

14

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 7
Programación Orientada a Objetos en C# .NET

Diseño recomendable para un CheckBox

private void btnCapturar_Click(object sender, EventArgs e)


{
Profesor miProfesor = new Profesor();

miProfesor.ImpartioFundamentosDeProgramacion =
chkFundamentosDeProgramacion.Checked; Almacenamiento
miProfesor.ImpartioProgOrientadaAObjetos = individual de cada
chkProgOrientadaAObjetos.Checked; curso del profesor
miProfesor.ImpartioEstructurasDeDatos =
chkEstructurasDeDatos.Checked;
}
15

15

Errores communes al usar CheckBox


No se recomienda usar varios checkboxes para
datos de tipo booleano
Al capturar un dato booleano se debe colocar
solamente 1 checkBox
El usuario pudiera no seleccionar ninguna opción
El usuario pudiera seleccionar todas las opciones

16

16

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 8
Programación Orientada a Objetos en C# .NET

Errores communes al usar CheckBox


No se recomienda capturar el sexo mediante
checkBoxes
El usuario pudiera no seleccionar ninguna opción
El usuario pudiera seleccionar todas las opciones
Se recomiendan radioButtons

Solamente
acepta
una opción
17

17

RadioButton
radioButton1

radioButton2
Permite seleccionar
sólo una opción
Siempre debe
estar
seleccionada una No
recomendable
opción
Se utiliza para
datos de opción
única 18

18

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 9
Programación Orientada a Objetos en C# .NET

No se recomienda el RadioButton para…


Capturar datos en los que el usuario pudiera
escoger varios valores al mismo tiempo
Los cursos impartidos por un profesor escogidos de un
grupo de opciones disponibles
Escoger solamente un dato cuando son demasiadas
opciones porque ocupan mucho espacio de la forma
(es más recomendable un ComboBox)

No
recomendable

19

19

ComboBox
Permite seleccionar
sólo una opción de
una lista desplegable

comboBox1

MessageBox.Show(comboBox1.Text);
20

20

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 10
Programación Orientada a Objetos en C# .NET

DataGridView
Muestra un conjunto de datos de tipo string
Es semejante a un arreglo bidimensional (matriz)

Para crear las columnas:

dataGridView1.Columns.Add(“Columna 0”, “Columna 0”);


dataGridView1.Columns.Add(“Columna 1”, “Columna 1”);
dataGridView1.Columns.Add(“Columna 2”, “Columna 2”);

dataGridView1
21

21

Propiedades de un DataGridView
Permitir agregar renglones

Permitir borrar columnas

Ancho de columna automático

22

22

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 11
Programación Orientada a Objetos en C# .NET

Ajustando las propiedades del DataGridView


// No permitir agregar ni eliminar renglones
dataGridView1.AllowUserToAddRows = false;
dataGridView1.AllowUserToDeleteRows = false;

// Autoajustar el ancho de las columnas


dataGridView1.AutoSizeColumnsMode =
DataGridViewAutoSizeColumnsMode.Fill;

// Seleccionar un renglón completo al hacer click


dataGridView1.SelectionMode =
DataGridViewSelectionMode.FullRowSelect;

23

23

Ajustando las propiedades del DataGridView


// No se permite seleccionar varios
renglones
dataGridView1.MultiSelect = false;

// Modo de solo lectura


dataGridView1.ReadOnly = true;

24

24

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 12
Programación Orientada a Objetos en C# .NET

¿Cómo pasar los datos de un renglón de un


dataGridView a los textBoxes?
Hacer doble click en el dataGridView para abrir el
método CellClick()
private void dataGridView1_CellClick(object sender, DataGridViewCellEventArgs e)
{
. . .
}

Establecer la propiedad para seleccionar solamente


un renglón del dataGridView

// Seleccionar un renglón completo al hacer click


dataGridView1.SelectionMode = DataGridViewSelectionMode.FullRowSelect;
// No se permite seleccionar varios renglones
dataGridView1.MultiSelect = false;
25

25

¿Cómo seleccionar un renglón de un


dataGridView?
// Declaración y creación de un objeto local
Auto miAuto = new Auto();

// Verificar si se seleccionó un renglón del dataGridView1


if (dataGridView1.CurrentRow == null)
{
MessageBox.Show("Seleccione un auto de la lista");
return;
}

// Obtiene las placas del auto seleccionado


miAuto.Placas = dataGridView1.CurrentRow.Cells[0].Value.ToString();
miAuto.Marca = dataGridView1.CurrentRow.Cells[1].Value.ToString();
miAuto.Modelo = dataGridView1.CurrentRow.Cells[2].Value.ToString();

26

26

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 13
Programación Orientada a Objetos en C# .NET

No se recomienda en DataGridView…

Mostrar valores true o false en datos


booleanos como…
¿El empleado tiene seguro de vida?
¿El empleado está capacitado?

El usuario no podría interpretar estos valores

Mostrar imágenes o fotografías en las celdas (no


aparecen legibles y no se aprecian)
27

27

No se recomienda en DataGridView

No
recomendable
28

28

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 14
Programación Orientada a Objetos en C# .NET

PictureBox
Este control permite colocar una imagen en una forma

pictureBox
(picFoto)

Button
(btnCargarFoto)

29

29

Código del botón para seleccionar la


imagen

private void btnCargarFoto_Click(object sender, EventArgs e)


{
string strNombreArchivo=CargarImagen();

if(strNombreArchivo != null)
MostrarImagen(strNombreArchivo);
}

30

30

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 15
Programación Orientada a Objetos en C# .NET

Método para seleccionar el archivo


con la imagen
private string CargarImagen()
{
string strNombreArchivo = null;

// Declaración de variable para seleccionar el archivo


OpenFileDialog miArchivoFoto = new OpenFileDialog();

miArchivoFoto.Title = "Seleccione la imagen que desea cargar";


miArchivoFoto.Filter= "Archivos JPEG (*.jpg) | *.jpg";
miArchivoFoto.InitialDirectory = “Mis documentos";

if (miArchivoFoto.ShowDialog() == DialogResult.OK)
{
strNombreArchivo = miArchivoFoto.FileName;
return (strNombreArchivo);
}
else return (null);
}
31

31

Método para mostrar la imagen


seleccionada en el pictureBox

private void MostrarImagen(string strNombreArchivo)


{
Bitmap miImagen = new Bitmap(strNombreArchivo);
picFoto.SizeMode = PictureBoxSizeMode.StretchImage;
picFoto.Image = (Image)miImagen;
picFoto.Refresh();
}

32

32

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 16
Programación Orientada a Objetos en C# .NET

Ejercicio
Diseñar la forma y seleccionar los controles
visuales más adecuados para objetos de la clase
Empleado
Nombre: string
Grupo: char
Fecha de nacimiento: DateTime
(Calcular y mostrar su edad)
Sueldo: double
Seguro de vida: bool
Capacitado: bool
Sexo: string
Grado máximo de estudios: string

33

33

Diseño de la clase Empleado

34

34

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 17
Programación Orientada a Objetos en C# .NET

Una empresa contrata muchos empleados

35

35

Operador condicional ?
Este operador evalúa una expresión booleana y
devuelve el resultado dependiendo si la expresión es
true o false.
Sintaxis:
condición ? acción : acción alternativa;

Evalúa la condición y determina si es true o false y


realiza …
acción si la condición es true
acción alternativa si la condición es false

36

36

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 18
Programación Orientada a Objetos en C# .NET

Ejemplo de uso del operador condicional ?


if(a>b)
{
c=1;
No }
recomendable else
{
c=0;
}

Recomendable
usando el operador
c = (a>b) ? 1 : 0; condicional

37

37

Ejemplo de uso del operador condicional


Mostrar valores Si o No

Evitar mostrar los valores


booleanos true o false
ya que el usuario no
podría interpretarlos

MessageBox.Show(“Capacitado: ”+(miEmpleado.Capacitado)?“Si”:“No”;

38

38

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 19
Programación Orientada a Objetos en C# .NET

Sobrescritura de ToString( )
class Empleado
{
. . . No se recomienda
. . . mostrarle al usuario
public override string ToString() los valores true o
false
{
return (
"\nNombre: "+Nombre+
"\nGrupo: "+Grupo+
"\nFecha de nacimiento: "+FechaNacimiento.ToShortDateString()+
"\nEdad: " + this.CalcularEdad().ToString() + " años"+
"\nSueldo: "+Sueldo.ToString("C")+
"\nSeguro de vida: "+(SeguroVida?"Si":"No")+
"\nCapacitado: "+(Capacitado?"Si":"No")+
"\nSexo: "+Sexo+
"\nGrado maximo de estudios: "+GradoMaximoEstudios);
}
}
39

39

Confirmar la captura de los datos de un nuevo


empleado

• Calcula la edad a partir


de la fecha de nacimiento
• La edad NO es un atributo
(es un dato calculable)
• miEmpleado.CalcularEdad()

No aparece true o false


en los datos booleanos,
sino la descripción

40

40

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 20
Programación Orientada a Objetos en C# .NET

Código del botón para insertar un empleado a la


empresa
private void btnCapturar_Click(object sender, EventArgs e)
{
// Declaración y creación de un objeto local para el empleado
Empleado miEmpleado = new Empleado();

// Capturar los datos de miEmpleado


miEmpleado.Nombre = txtNombre.Text;
miEmpleado.Grupo = char.Parse(cboGrupo.Text); Obtiene el dato
miEmpleado.FechaNacimiento = dtmFechaNacimiento.Value; directamente
miEmpleado.Sueldo = double.Parse(txtSueldo.Text); del checkBox
miEmpleado.SeguroVida = chkSeguroVida.Checked;
miEmpleado.Capacitado = chkCapacitado.Checked;
if (radMasculino.Checked)
miEmpleado.Sexo = radMasculino.Text;
Obtiene el sexo
if (radFemenino.Checked) del texto del
miEmpleado.Sexo = radFemenino.Text; radioButton
miEmpleado.GradoMaximoEstudios = cboGradoMaximoEstudios.Text;
seleccionado
// Insertar miEmpleado a miEmpresa
miEmpresa.InsertarEmpleado(miEmpleado);

// Mostrar los datos en el dataGridView


MostrarDatos();
MessageBox.Show(miEmpleado.ToString(), "Datos del nuevo empleado");
}
41

41

Mostrar los datos en el dataGridView


private void MostrarDatos()
{
int intRenglon = 0;

// Limpiar el dataGridView
dgEmpleados.Rows.Clear();

foreach (Empleado nuevoEmpleado in miEmpresa)


{
intRenglon = (dgEmpleados.Rows.Count - 1>0) ? dgEmpleados.Rows.Count-1 : 0;

// Agrega un renglón al dataGridView


dgEmpleados.Rows.Add(1);

// Mostrar los datos de cada empleado en las celdas del dataGridView


dgEmpleados.Rows[intRenglon].Cells[0].Value = nuevoEmpleado.Nombre;
dgEmpleados.Rows[intRenglon].Cells[1].Value = nuevoEmpleado.Grupo;
dgEmpleados.Rows[intRenglon].Cells[2].Value = nuevoEmpleado.FechaNacimiento.ToShortDateString();
dgEmpleados.Rows[intRenglon].Cells[3].Value = nuevoEmpleado.CalcularEdad();
dgEmpleados.Rows[intRenglon].Cells[4].Value = nuevoEmpleado.Sueldo.ToString("C");
dgEmpleados.Rows[intRenglon].Cells[5].Value = (nuevoEmpleado.SeguroVida) ? "Si" : "No";
dgEmpleados.Rows[intRenglon].Cells[6].Value = (nuevoEmpleado.Capacitado) ? "Si" : "No";
dgEmpleados.Rows[intRenglon].Cells[7].Value = nuevoEmpleado.Sexo;
dgEmpleados.Rows[intRenglon].Cells[8].Value = nuevoEmpleado.GradoMaximoEstudios;
}
}
42

42

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 21
Programación Orientada a Objetos en C# .NET

Mostrar correctamente los datos

textBox
de solo
lectura

NOTA: No aparece true o false en los datos


booleanos, sino la descripción 43

43

Cuestionario
¿Cuál sería el control visual más recomendable
para capturar …
la fecha de caducidad de un producto?
si un producto tiene garantía?
el semestre que cursa un estudiante del Tec?
el puesto de una persona que trabaja en el Tec?
la marca de un automóvil?

44

44

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 22
Programación Orientada a Objetos en C# .NET

Prefijos sugeridos para los nombres de los


controles visuales (notación húngara)
Control Prefijo Ejemplo(s)
Button btn btnSalir
CheckBox chk chkInscrito
ComboBox cbo cboEspecialidad
DataGridView dtg dtgIngredientes
Form frm frmPrincipal
GroupBox grp grpDatosAlumnos
Label lbl lblNombre
ListBox lst lstAlumnos
RadioButton rad radMasculino
TextBox txt txtRadio

http://support.microsoft.com/kb/173738/es
45

45

46

46

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 23
Programación Orientada a Objetos en C# .NET

Nomenclatura sugerida para


identificar los componentes de un
proyecto
http://www.itnuevolaredo.edu.mx/Takeyas/Apun
tes/POO/Apuntes/02.-
%20NomenclaturaComponentesProyecto.pdf

47

47

TAREA 2.1
Resolver la Tarea 2.1.-
Nomenclatura sugerida para
identificar los componentes de un
proyecto en MS Teams
Se contabilizará la
tarea si se obtiene
calificación aprobatoria
48

48

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 24
Programación Orientada a Objetos en C# .NET

Otros títulos del autor


http://www.itnuevolaredo.edu.mx/Takeyas/Libro

[email protected] Bruno López Takeyas

49

Ing. Bruno López Takeyas, M.C.


http://www.itnuevolaredo.edu.mx/Takeyas 25

También podría gustarte