Acerca de Infosama
Mostrando entradas con la etiqueta Infosama Technology. Mostrar todas las entradas
Mostrando entradas con la etiqueta Infosama Technology. Mostrar todas las entradas
domingo, 18 de septiembre de 2011
Bola de drac Z!!
Hola a todos/as!
¿Os acordáis de la serie Bola de Drac (Dragon Ball)?
Como es de imaginar supongo que SI!! sin duda es uno de los mejores Anime del mundo. Bien, pues como yo no soy menos también la he seguido durante años.
Siempre me ha gustado mucho Bola de Drac (en catalán para mi la mejor) he intentado hacer dibujos, pintarlos, etc. Supongo que la mayoria de los que estáis leyendo esto también...
Pues bien como ahora estoy descansando la mente de la programación y video tutoriales debido a los estudios, pues en mis ratos libres (ya he hecho mis deberes, jeje) me dedico a entretenerme con muchas cosas, pero una de ellas es esta:
Pintar dibujos de dragon ball con photoshop, si si, con photoshop, aqui os dejo un par que he hecho:
1) Imagen original de Goku sin retocar:
Si quieres ver como me ha quedado mira el vídeo, verás que fácil es inventar con la mente....
2) Imagen original de Vegeta sin retocar:
Para ver como me ha quedado, mira el siguiente vídeo:
Gracias por ver esta entrada, Infosama Technology.
¿Os acordáis de la serie Bola de Drac (Dragon Ball)?
Como es de imaginar supongo que SI!! sin duda es uno de los mejores Anime del mundo. Bien, pues como yo no soy menos también la he seguido durante años.
Siempre me ha gustado mucho Bola de Drac (en catalán para mi la mejor) he intentado hacer dibujos, pintarlos, etc. Supongo que la mayoria de los que estáis leyendo esto también...
Pues bien como ahora estoy descansando la mente de la programación y video tutoriales debido a los estudios, pues en mis ratos libres (ya he hecho mis deberes, jeje) me dedico a entretenerme con muchas cosas, pero una de ellas es esta:
Pintar dibujos de dragon ball con photoshop, si si, con photoshop, aqui os dejo un par que he hecho:
1) Imagen original de Goku sin retocar:
Si quieres ver como me ha quedado mira el vídeo, verás que fácil es inventar con la mente....
2) Imagen original de Vegeta sin retocar:
Para ver la imagen acabada mira el siguiente vídeo.
3) Imagen original de Gogeta sin retocar:
Para ver como me ha quedado, mira el siguiente vídeo:
Gracias por ver esta entrada, Infosama Technology.
domingo, 4 de septiembre de 2011
ListBox y más.
Hola compañeros/as!
En este tutorial os mostraré como usar los objetos ListBox, TextBox, InputBox y ContextMenuStrip.
Esta es una imagen del proyecto.
Como veis en la imagen, tenemos un TextBox en el cual escribimos lo que queremos introducir en la lista, pero no todo se queda ahí, usaremos el ContextMenuStrip para añadir o eliminar elementos:
Al pulsar sobre añadir nos aparecerá el InputBox, desde el cual también podremos añadir cosas a la lista.
Bien empecemos con la explicación:
Iniciamos un nuevo proyecto, le damos de nombre el que queráis, yo le he dado ListBox y ContextMenu.
Al formulario principal le damos las siguientes propiedades:
- BackGroundImage = Elegimos una imagen... y la importamos a los recursos.
- BackGroundImageLayout = Stretch, asi se ajustará al formulario.
- BorderStyle = Fixed3D, asi no se podrá redimensionar.
- StartPosition = Center Screen, aparecerá centrado al iniciarse.
- Text = El que queraís, yo he usado el que se ve en la imagen...
Una vez hecho esto añadimos los objetos que vamos a usar, para ello nos vamos al cuadro de herramientas y doble clic sobre:
- 1 Botón
- 1 ContextMenuStrip
- 1 ListBox
- 1 TextBox.
Al botón de damos de propiedad Text = Añadir. Al ListBox le he dado las siguientes propiedades, pero es opcional:
- BackColor = Black, el Listbox tendrá el fondo negro.
- ForeColor = Red, y las letras rojas.
Acto seguido vamos a configurar el ContextMenuStrip, hacemos clic en el ContextMenuStrip, esta situado debajo del Form. Asisgnamos las siguientes opciones en cada linea:
- Añadir
- Eliminar seleccionado
- Eliminar todo
- Salir de la aplicación
A cada opción le podéis agregar una imagen al lado como se muestra en la imagen del contextmenustrip. Para ello dais segundo clic encima del elemento (ej: Añadir) y escogéis "Establecer imagen" importáis la imagen a los recursos y ya está, este paso lo podéis omitir, pero queda más presentable.
Lo siguiente es dar código a nuestra aplicación, lo primero que vamos hacer es dar código al Button1 que es el de Añadir:
Con esto lo que hacemos es verificar si hay texto en el TextBox1, si no lo hay, mostrará un mensaje, si hay texto entonces lo añade al ListBox1. Al TextBox1 le podeís decir en AcceptButton = Button1, así al dar a intro añadirá el elemento a la lista si presionar Añadir.
Ahora vemos a establecer código para la opción Añadir del ContextMenuStrip:
Lo que hacemos es declarar una variable para almacenar la respuesta del InputBox:
Si el InputBox está vacío o damos cancelar retorna, de lo contrario si está lleno, nos devuelve el valor a la lista.
Ahora establecemos código a la opción Eliminar seleccionado:
Seguimos con Eliminar todo, que tendrá el siguiente código:
ListBox1.Items.Clear ()
lo que hacemos es eliminarlo todo esté o no seleccionado.
Ya por último a la opción Salir de la aplicación, le dais el código End, yo en el ejemplo he usado un MessageBox para despedirme, pero eso es opcional.
Pues hasta auí el vídeo tutorial Gracias por visitar el blog, adiós y hasta la próxima!
(*) Incluye el código fuente más una aplicación ejecutable de ejemplo, requiere framework 4 para funcionar.
Infosama Technology
jueves, 25 de agosto de 2011
Eventos del Ratón. Tutorial
Hola a todos/as!
Traigo conmigo un pequeño vídeo tutorial en el cual muestro como usar los eventos MouseHover, MouseLeave, MouseDown y MouseUp de un botón en una aplicación realizada con Visual Studio 2010.
Imagen del proyecto:
Como podéis observar tenemos tres botones:
Cada botón tiene cuatro eventos:
Lo primero que aconsejo hacer es importar la imágenes que vayáis a usar, en el vídeo tutorial se muestra como importarlos.
Yo he usado tres imágenes para cada botón, las he hecho con PhotoShop, también se explica breve mente en el vídeo.
Estos son los nombre de los recursos que yo he usado, podéis usar 9 imágenes vuestras utilizando los nombres que yo os pongo, o cambiando ese trozo de código por el de vuestra imagen, son 3 para cada botón en total 9 imágenes tenéis que tener:
OJO, en el evento MouseLeave uso la misma imagen que en el estado normal.
Una vez explicado esto comienzo, con la explicación. Abrimos el proyecto, añadimos nuestras 9 imágenes
A los tres Botones le damos la propiedad:
Cargamos los 3 recursos por defecto, osea como serán cuando no suceda nada. elegimos el boton, vamos a propiedades y en la propiedad BackGroundImage, damos a buscar y los seleccionamos de los recursos que hemos importado (las 9 imágenes) o lo importamos en este momento
Una vez dicho esto ya tenemos los controles preparados para recibir código, para no tener que explicar textual mente todo el código os dejo unas capturas del mismo, ya que en el apartado de Vídeo Tutoriales tenéis el vídeo tutorial, un ejemplo ejecutable y el código fuente.
(*) Incluye el código fuente, las imágenes usadas y una aplicación ya generada para ejecutar y probrar, requiere Net FrameWork 4 para funcionar.
Código del botón 1 y FormLoad, form load ocurre cuando se inicia la aplicación.
Código del botón 2:
Código del botón 3:
Gracias por Confiar en Infosama Technology.
Traigo conmigo un pequeño vídeo tutorial en el cual muestro como usar los eventos MouseHover, MouseLeave, MouseDown y MouseUp de un botón en una aplicación realizada con Visual Studio 2010.
Imagen del proyecto:
Como podéis observar tenemos tres botones:
- Rojo - Button1
- Azul - Button2
- Lila - Button3
Cada botón tiene cuatro eventos:
- MouseHover, ocurre al pasar por encima del botón
- MouseLeave, ocurre al salir del botón.
- MouseDown, ocurre cuando hacemos clic
- MouseUp, ocurre cuando dejamos el clic.
Lo primero que aconsejo hacer es importar la imágenes que vayáis a usar, en el vídeo tutorial se muestra como importarlos.
Yo he usado tres imágenes para cada botón, las he hecho con PhotoShop, también se explica breve mente en el vídeo.
Estos son los nombre de los recursos que yo he usado, podéis usar 9 imágenes vuestras utilizando los nombres que yo os pongo, o cambiando ese trozo de código por el de vuestra imagen, son 3 para cada botón en total 9 imágenes tenéis que tener:
- Normal - Botón azul en estado normal
- Over - Botón azul al pasar por encima
- Down - Boton azul con efecto bisel al hacer clic
- Normal_1 - Botón rojo en estado normal
- Over_1 - Botón rojo al pasar por encima
- Down_1 - Boton rojo con efecto bisel al hacer clic
- Normal_2 - Botón Lila en estado normal
- Over_2 - Botón Lila al pasar por encima
- Down_2 - Boton Lila con efecto bisel al hacer clic
OJO, en el evento MouseLeave uso la misma imagen que en el estado normal.
Una vez explicado esto comienzo, con la explicación. Abrimos el proyecto, añadimos nuestras 9 imágenes
A los tres Botones le damos la propiedad:
- FlatStyle en Flat
- FlatAparence / Border Color, le damos el color de borde, 1 rojo, 2 Azul y 3 Lila.
- Size, le cambiamos el tamaño a 100;30.
- BackGroundImageLayout en Strecth
Cargamos los 3 recursos por defecto, osea como serán cuando no suceda nada. elegimos el boton, vamos a propiedades y en la propiedad BackGroundImage, damos a buscar y los seleccionamos de los recursos que hemos importado (las 9 imágenes) o lo importamos en este momento
- Imagen en Button1 = Normal.png
- Imagen enButton2 = Normal_1.png
- Imagen enButton3 = Normal_2.png
Una vez dicho esto ya tenemos los controles preparados para recibir código, para no tener que explicar textual mente todo el código os dejo unas capturas del mismo, ya que en el apartado de Vídeo Tutoriales tenéis el vídeo tutorial, un ejemplo ejecutable y el código fuente.
(*) Incluye el código fuente, las imágenes usadas y una aplicación ya generada para ejecutar y probrar, requiere Net FrameWork 4 para funcionar.
Código fuente.
Hecho en Visual Studio 2010, pero es compatible con otras versiones.
Código del botón 1 y FormLoad, form load ocurre cuando se inicia la aplicación.
Código del botón 2:
Código del botón 3:
Gracias por Confiar en Infosama Technology.
Suscribirse a:
Entradas (Atom)
