Web Browser en WP!

5
Estándar

Hacer un Web Browser es súper sencillo y es ideal para entrar en el mundo del desarrollo para Windows Phone.

 

 

Empecemos!

>Primero arranquemos con crear un nuevo proyecto en Visual Studio:

>Al crear un nuevo proyecto deberemos especificar el tipo de plantilla (en este caso “Aplicación de Windows Phone”), el nombre de la solución (“Navegador”) y el lenguaje (“C#”).

>Al crear el proyecto, Visual Studio nos preguntará en que versión de Windows Phone usaremos la aplicación (es recomendable seleccionar “SO Windows Phone 7.1)

>Al crear la solución obtendremos la siguiente pantalla. En la primera parte (de izq. a der.) veremos la vista de diseño, la vista de código (XAML) y el “explorador de soluciones” junto con las “propiedades”.

>Si nos situamos en un elemento podremos modificar sus valores con la ventana de Propiedades. En este caso cambio el texto “Nombre de la Aplicación” por “Navegando..” por medio de la propiedad “Text”.

> También es posible modificar los valores por medio del código. En este caso modifico el texto del elemento “Mi aplicación” a “Navegador”.

>Si nos fijamos..a nuestra izquierda tendremos un cuadro de herramientas, el cual nos permitirá agregar elementos a nuestra aplicación con solamente arrastrarlo. Para este pequeño tutorial agregaremos:

-1 textbox

-1 Button

-1 WebBrowser

>Es recomendable modificar el texto que visualizara el usuario y el nombre de los elementos.

En este caso decidí llamar “WB” al WebBrowser, “TxtURL” al TextBox, y “BtnIr” al Button.

>Haremos doble-clic en el botón que agregamos (en mi caso “BtnIr”) y veremos el código en C# !

Para que funcione nuestro navegador le agregaremos la línea que resaltaré a continuación:

> Para comprobar que realmente hemos hecho las cosas bien..vamos hasta el botón de “Iniciar depuración” o directamente presionamos F5!

>Si todo ha salido bien..veremos nuestro navegador en el emulador de Windows Phone!

>Es hora de probar el funcionamiento de nuestro navegador! En este caso les recomiendo empezar a probar con la página de Bing😉

Si has llegado hasta aquí!!..Felicitaciones..! Has logrado con éxito tu primera aplicación para Windows Phone!

Si no has podido terminar el tutorial..no te preocupes.. déjame un comentario..y te ayudare!

Saludos.

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