Mi Primer Navegador Personal para Windows 8

 

 

  • Crea un nuevo proyecto con el nombre “Navegador”

 

  • Agrega un TextBlock y un WebView a nuestro proyecto.
  • Con el TextBlock seleccionado, en la sección de Propiedades cambia el contenido de “Text” por “Mi primer Navegador Personal”

 

  • Cambia el tamaño de letra a 60, da clic en ¶ y centra el texto

 

  • Crea una carpeta para albergar las imágenes de las páginas a las que quieres navegar, para crear la carpeta da clic derecho sobre el nombre del proyecto, Add > New Folder y cambia el nombre a “Imágenes”.

 

Sobre la carpeta ya creada, da clic derecho Add Existing item y agrega las imágenes que quieras que tengan los botones.

Agrega 3 botones a tu proyecto.

Selecciona uno de ellos y en Background da clic en la image, y en ImageSourse selecciona la imagen que le corresponde, en mi caso logo face.jpg

Ahora, ve a la sección de eventos (donde esta el trueno ) y añade el evento Click al botón, como se muestra a continuación.

 

Repite estos pasos con los otros 2 botones.

Ahora, para que nuestra aplicación sea más profesional y llamativa, necesitamos colapsar el WebView y agregarle un nombre.

Selecciónalo y en Visibility, da clic en Collapsed, en la sección de “Name” teclea “Webprueba”.

 

Y listo ya tenemos toda la interfaz, ahora código.

Al momento de crear algún evento nos lanza por default a la sección de código (MainPage.xaml.cs)

1: Como tenemos colapsado nuestro Webprueba o  WebView lo que aremos es que al momento de dar clic en cualquier botón este se muestre y que a demás muestre la página web que queremos.

Para mostrar un objeto colapsado anteriormente teclea el siguiente código.

[Nombre del objeto] .Visibility = Visibility.Visible;

Sin embargo si anteriormente dimos clic a un botón y ya se esta mostrando nuestro WebView, no nos sirve de mucho volverlo a mostrar.

Para evitar mostrar algo que ya es visible añadiremos al código una condición para verificar si el  WebView esta visible.

 

Ahora, para añadir la URL, o dirección de la página web a la que queramos que nos lleve tal botón añadimos la siguiente línea.

 

Todo el código completo debe de quedar de esta manera.

Repite este código en los otros 2 botones, editando la URL  del sitio que quieres que muestre al dar clic en tal botón.

Cuando haigas terminado, tendrás algo como esto:

Listo, ahora,  corremos nuestra aplicación nos quedara algo como esto:

Para descargar el proyecto da clic aquí

~Hasta la Próxima~ 

 

 

Anuncios

Deja un comentario

Archivado bajo Windows 8

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s