J UGANDO CON SHARPDEVELOP

AUTOR: Walther Arturo Bueno Mariacamail: wynwal_bm@hotmail.com

TACNA – PERU2008

JUGANDO CON SHARPDEVELOP

En el presente tutorial se pretende dar una introducción muy general al entorno de desarrollo “SharpDevelop”, a través de muchos ejemplos ilustrativos, para familiarizarnos con el su IDE y empezar a utilizar esta herramienta tan productiva y de bajo consumo de recursos. SharpDevelop se basa en la tecnología .NET, así que debemos leer un poco sobre el fundamento de esta tecnología en: http://msdn.microsoft.com/es-es/netframework/default.aspx , allí encontraremos bastante información. Además cabe aclarar que la información del presente tutorial es netamente práctica, por lo que la teoría queda de tarea para cada lector.

La versión que usaremos es el SharpDevelop 2.2(trabaja con el framework 2.0), que por cierto es la versión estable hasta el momento de la redacción del presente tutorial, porque también esta para descargar versiones release del SharpDevelop 3.0 para utilizar WPF,WCF,WWF, es decir; aprovechar las ventajas del framework 3.0 y 3.5. Si se desea buscar más información, podemos visitar la página oficial de SharpDevelop en: http://sharpdevelop.net/OpenSource/SD/. Cabe aclarar que el lenguaje a utilizar es VisualBasic.NET, después se podrá realizar el mismo tutorial pero usando el lenguaje C# para los ejemplos.

Creo que ya acabe la parte teórica, así que empecemos a jugar e imaginar todo lo que podemos hacer con SharpDevelop.

Para iniciar el desarrollo con SharpDevelop, debemos instalar los siguientes paquetes:

.Net FrameWork 2.0 Redistributable Package SDK FrameWork 2.0 HTML HELP WORKSHOP(opcional) SharpDevelop 2.2

1) Ejecutando SharpDevelop

Al hacer click sobre la opción de SharpDevelop, comenzara a ejecutarse el programa y se mostrara la ventana principal(IDE).

Los menús los iremos conociendo conforme avancemos la práctica, pero se puede ir viendo el contenido de cada uno de ellos.

Para crear un nuevo proyecto, debemos hacer click sobre el botón “Nueva Solución”, si ya tenemos un proyecto creado, entonces debemos hacer click sobre “Abrir Solución” para recuperarlo y seguir trabajando sobre el proyecto.

En nuestro caso, hacemos click en el botón “Nueva Solución” o también en el menú “Archivo” luego seleccionamos “Nuevo” y elegimos el submenú “Solución”, entonces resumiendo debemos hacer: Archivo Nuevo Solución.

Luego nos aparecerá un cuadro de dialogo con todas plantillas disponibles en SharpDevelop, podemos mencionar que podemos encontrar plantillas para desarrollar las siguientes aplicaciones:

- Boo .- lenguaje de programación orientado a objetos cuya sintaxis esta inspirada en pitón, así q los que desarrollan con pitón, tal vez conocen de Boo.

- C# .- aquí encontramos distintas plantillas, pero todas con lenguaje de programación c#, dentro de las opciones que tenemos podemos mencionar las siguientes: aplicaciones windows, .NET 3.0(para utilizarlo debemos tener instalado el framework 3.0, si es así, podemos usar WPF,WCF,WWF; la desventaja es que no posee un diseñador para estos trabajos), proyectos web ASP.NET, proyectos MONO(linux), Compact Framework para realizar aplicaciones móviles.

- ILAsm .- generador de codigo MSIL de .NET- Instalación .- permite construir instaladores o paquetes de distribución.

- SharpDevelop .- produce una solución vacía.- VBNet .- podemos realizar aplicaciones utilizando el lenguaje VisualBasic.NET,

dentro de las opciones que tenemos nos interesara bastante la plantilla para “Aplicaciones Windows”.

Nosotros haremos click sobre “VBNet”, puesto que ahí se encuentran las plantillas para desarrollar aplicaciones utilizando el lenguaje VisualBasic.Net.

Ahora solo debemos hacer click sobre el botón “Crear” y ya estará todo listo para empezar a desarrollar nuestro primer programa.

La interfaz que aparecerá después de hacer click será la siguiente:

Nombre del proyecto

Ubicación para guardar el proyecto

Crea una carpeta con el mismo nombre del proyecto para guardar todos los archivos, en la ubicación indicada

Después de la descripción de las partes principales del IDE, procedamos a desplegar el proyecto y hacemos click sobre el botón “Diseño”, para ver la ventana de nuestro proyecto, así:

Esta es la ventana del explorador de proyectos

Venta para codificar

Ventana para diseñar formularios(hacer click)

Manejo de hilos entre otros

Ventana de propiedades para los controles y ventanas

Módulos cargados

Explora BDMuestra las salidas como errores de codificacion,etc

Clasescontroles

Click aquí

Al hacer click sobre herramientas se visualizara lo siguiente:

Se puede ver los controles disponibles para arrastrarlos sobre el formulario y así poder incorporarles código. Como es nuestra primera aplicación, entonces mostraremos un mensaje al hacer click sobre un botón, parecido al clásico “hola mundo”.

Los que saben de programación orientada a objetos y están familiarizados con un diseñador de formularios, pues esto es similar, por lo que a los seguidores de Visual Basic 6 les resultara muy familiar todo este trabajo.

En la ventana de propiedades, podemos personalizar el aspecto del formulario y de los controles que se encuentran en el, por ejemplo vamos a cambiar el titulo y color de fondo del formulario, entonces debemos ubicarnos en la propiedad “Text” y ponerle el nombre que nos guste. Este nombre aparecerá en la barra de titulo de nuestro formulario.

Como vemos hay distintas propiedades, queda de tarea entonces investigar sobre las demás propiedades, tomando en cuenta que cada control también tiene propiedades; durante el desarrollo de los ejercicios de este tutorial se aprenderán algunas propiedades, pero no todas, así que a investigar un poquito.

Lo siguiente que haremos es arrastrar un botón sobre el formulario, de tal manera que se vea así:

Color de fondo del formulario

Imagen de fondo del formulario

Ubicación de la Imagen de fondo

Tipo de cursor a utilizarFuente para los controles del formularioColor de texto de los controles dentro del formEstilo de borde para el formulario

Titulo para el formulario formulario

Podemos cambiarle el texto de nuestro botón al que mejor nos parezca, para esto debemos hacer click sobre el botón y luego dirigirnos a la ventana de propiedades para modificar la propiedad “Text”, en este caso yo le pondré “Mensaje”; también podemos cambiar el color de fondo a través de la propiedad “Background”, para el ejemplo le pondré un fondo azul y le cambiare el color de la letra a blanco(escogemos el color en la propiedad ForeColor), por supuesto que eso también es a gusto del lector. La apariencia seria la siguiente:

Una vez hecho esto, pasemos a la parte de la programación, entonces hacemos doble click sobre el botón y se mostrara la ventana de codificación que es la siguiente:

Dentro de ese evento añadiremos el siguiente código:

Evento click del botón

Para ejecutar nuestro proyecto hacemos click sobre la flecha verde(Ejecutar programa).

Al hacer click se ejecutara nuestro proyecto, mostrándose nuestro formulario:

Si hacemos click sobre el botón aparecerá el siguiente mensaje:

Para los que ya saben de programación, entenderán muy bien el código, sobre todo para los que han utilizado el VB6. Una recomendación seria tener conocimiento de programación orientada a objetos, porque solo explicare el código en casos necesarios.

Hasta aquí hemos terminado de construir nuestro primer programa, muy simple pero por ahí siempre se empieza.

Un detalle es que no necesitamos crear ejecutables, porque automáticamente estos se crean dentro de la carpeta donde guardamos nuestro proyecto, específicamente dentro de “bin/Debug/MiAplicacion.exe”.

Hemos realizado nuestro primer programa al mínimo de detalles en lo que se refiere a manejo del IDE. Así que ya no explicare en lo próximo como crear las interfaces y como ubicarme dentro de los eventos de los controles.

2) Conociendo los Controles Comunes

2.1) Control Label.- sirve para colocar textos estáticos en nuestra aplicación

Vista del label en un formulario:

Nota: todas las propiedades, métodos y eventos de este control se encuentran en la siguiente dirección

2.2) Control TextBox.- son las típicas cajas de texto que se utilizan muchísimo en todas las aplicaciones.

Vista del TextBox en el formulario

Todas las propiedades, eventos y métodos los puede encontrar aquí

2.3) Control Button.- los clásicos botones.

Todos los detalles respecto a este control los encontramos aquí.

Para los demás controles, podemos encontrar referencias muy completas aquí.

3) Sentencias

3.1) IF

If True Then ‘sentenciasElse ‘sentenciasEnd If

3.2) FOR

For index As Integer = 1 To 10‘sentencias

Next

3.3) DO UNTIL – LOOP

Do Until False‘sentencias

Loop

3.4) DO WHILE - LOOP

Do While True

Loop

3.4) SELECT CASE

Select Case VariableName Case 1

Case 2

Case ElseEnd Select

3.4) SELECT CASE

While True‘instrucciones

End While

3) Arrays

3.1) Array

Dim miArray(5) as Integer ‘declaro el array de 5 elementosDim b,n as IntegermiArray(1) = 1 ‘asigno un valor al elemento nro 1 del arrayb = miArray(1) ‘asigno el valor de la posición 1 del array a la variable bn = miArray.length() ‘asigno la cantidad de elementos del array a la variable nreDim Preserve miArray(13) ‘redimensiono el array conservando los valores que inserte en el array

4) Listado de Ejemplos

4.1) Ejemplo que suma dos números

Crear un nuevo proyecto de VB.Net y diseñar el siguiente formulario:

Para el TextBox1:- Name = a- Text = poner en blanco

Para el TextBox2:- Name = b- Text = poner en blanco

Para el TextBox3:- Name = c- Text = poner en blanco

Para el Button1:- Text = Sumar

Escribir el siguiente código en el evento click del botón(hacer doble click sobre el botón)

Ejecutar el programa para ver el resultado.

4.2) Operaciones Básicas de la Aritmética

En este ejemplo podremos sumar, restar, multiplicar y dividir. Este es el diseño del formulario:

Hacemos doble click sobre el OptionButton “Suma” y tecleamos el siguiente código:

Sub RadioButton1CheckedChanged(ByVal sender As Object, ByVal e As EventArgs)

Dim num1,num2,sum As Integernum1 = val(a.Text)num2 = val(b.Text)sum = num1 + num2c.Text = str(sum)

End Sub

Name = aName = b

Name = c

Hacemos doble click sobre el OptionButton “Resta” y tecleamos el siguiente código:

Sub RadioButton2CheckedChanged(ByVal sender As Object, ByVal e As EventArgs)

Dim num1,num2,sum As Integernum1 = val(a.Text)num2 = val(b.Text)sum = num1 - num2c.Text = str(sum)

End Sub

Hacemos doble click sobre el OptionButton “Producto” y tecleamos el siguiente codigo:

Sub RadioButton3CheckedChanged(ByVal sender As Object, ByVal e As EventArgs)

Dim num1,num2,sum As Integernum1 = val(a.Text)num2 = val(b.Text)sum = num1 * num2c.Text = str(sum)

End Sub

Hacemos doble click sobre el OptionButton “División” y tecleamos el siguiente código:

Sub RadioButton4CheckedChanged(ByVal sender As Object, ByVal e As EventArgs)

Dim num1,num2 As Integerdim sum as Doublenum1 = val(a.Text)num2 = val(b.Text)If num2 = 0 Then

messagebox.Show("division por cero")Else

sum = num1 / num2c.Text = str(sum)

End IfEnd Sub

Continuará…