domingo, 26 de junio de 2011

Empezamos: objetivo de nuestro programa Listín


El objetivo es crear un programa que nos gestione los contactos (ya sea de personas o empresas) con sus teléfonos, dirección, foto, etc. Ademas de añadir, editar, borrar, nos tiene que ayudar también a buscar los datos de una manera sencilla y exportar e importar datos desde otras aplicaciones (lo haremos mediante el porta papeles) y que tenga la capacidad de salvar y leer los datos introducidos o modificados cada vez que arranquemos el programa.

Por lo tanto, lo primero que tenemos que hacer es un esquema de los datos y acciones que vamos a gestionar.

Definir el entorno visual de nuestro programa: Formulario Fmain
Vamos a definir nuestro formulario principal.
Lo dividimos en 4 zonas:
Entrada de datos:


Label





Textbox





PictureBox



Botones para las distintas acciones: Editar/ Borrar/ Buscar


Botones
Aceptar / Cancelar / Papelera / Filtrar



Muestra de datos


Gridviews



Menus: Para Salvar / Leer / Importar / Exportar


Lo hacemos con el editor de Menus (Ctrl+E)

Nota: al nombre de cada opción del menú, le pondremos un nombre referido a lo que hace.
Nos quedara una cosa así:




Lo siguiente que tenemos que hacer es poner en los label el texto que queremos aparezca (propiedad label.text).



En los textboxt, tenemos que poner en la propiedad (NAME) el nombre que sera lo haremos coincidir con lo que vaya a contener. Por ejemplo textboxNombre,textboxApellidos, etc. Y el la propiedad textbox.text la dejamos en blanco (borramos el texto que contenga).
Al picturebox, le cambiamos las siguientes propiedades:
NAME: “pictureboxFoto”
Border: “plain”
Stretch: “True” ' para que aparezca la imagen completa reducida al tamaño de nuestro pictureBox
Picture: “icon:/96/gambas”
Y a los botones, tambien le cambiamos las propiedades, por ejemplo:
NAME: botonAceptar
BotonAceptar.text: Aceptar
botonAceptar.picture : elegimos el icono apply
Quedando así el botón










Al gridview, tambien le cambiamos el nombre de gridview1, le ponemos GridViewDatos





Al terminar este proceso conseguimos el siguiente formulario:

También podemos añadir un icono a nuestra aplicación. En las propiedades del formulario fmain en icon podemos decirle que icono tendrá la aplicación (se vera es la esquina superior izquierda, una vez elegido)




Nota:

Es importante darle desde el principio (desde el momento de la creación del formulario y de los componentes), sus nombres (NAME) , para poder llevar en orden y claramente luego la programación de los eventos. Y QUE SEA LEGIBLE Y FACILMENTE MODIFICABLE nuestro código.

No hay comentarios:

Publicar un comentario en la entrada