Parte 2. ¿Cómo crear una aplicación Windows Phone?
5/11/2012 12:00:00 AM 0 José I. Estrada Windows Phone, desarrollo
Parte 2. ¿Cómo crear una aplicación Windows Phone?

En el artículo  Parte 1. ¿Cómo crear una aplicación para Windows Phone? escribimos de las herramientas necesarias para desarrollar aplicaciones Windows Phone y el lugar donde las puedes descargar. Tambien creamos el proyecto, pero no hemos iniciado la programación.

Con este artículo continuaremos con la programación de la aplicación. Primero abrimos nuestro Visual Studio y el proyecto que ya teníamos guardado previamente.

       
  1. Abrimos el archivo MainPage.Xaml. Nos aparecerá en el apartado del diseño un teléfono y en el apartado del código nos aparece el XAML.
  2.    
  3. Editamos el título y el nombre de la aplicación, esto lo hacemos dando clic en  el apartado del diseño (Ver Teléfono).  Enseguida vamos a las propiedades y en el apartado de Common, Text y ahí capturamos el texto que queramos que aparesca.
  4.    
  5. En la parte del cuerpo del teléfono agregamos un TextBox, Button y un WebBrowser. Estos controles los arrastramos desde ToolBox. Otra opción es agregarlos directamente en el XAML como lo siguiente.   
            <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">            <phone:WebBrowser HorizontalAlignment="Left" Margin="9,65,0,0" Name="WebBrowser1" VerticalAlignment="Top" Height="536" Width="441" />            <TextBox Height="72" HorizontalAlignment="Left" Name="TextBox1" Text="http://www.webygadgets.com" VerticalAlignment="Top" Width="393" />            <Button Content="IR" Height="72" HorizontalAlignment="Left" Margin="375,0,0,0" Name="Button1" VerticalAlignment="Top" Width="72" />        </Grid>    
               
  6.    
  7.         En el TextBox editamos la propiedad text y le pondremos la url de la página que cargara, en mi caso puse la del portal www.webygadgets.com   
  8.    
  9. En el Button editamos la propiedad text y le pornemos “IR”.
  10. Te debe quedar algo como se muestra en la figura “Navegador”.

Hasta este momento ya tenemos el diseño de nuestra aplicación. Enseguida programaremos el código que se ejecutara cuando le demos clic al botón “IR”, la única funcionalidad que tendrá es cargar la página que hemos capturado.

Damos doble clic en el botón IR y nos abrirá el archivo MainPage.xaml.vb y nos genera el procedimiento que se ejecutara cuando se lleve el evento clic del botón. En el evento agregamos el código y quedara de la siguiente manera.   

    Private Sub Button1_Click(sender As System.Object, e As System.Windows.RoutedEventArgs) Handles Button1.Click        Dim site As String        site = TextBox1.Text        WebBrowser1.Navigate(New Uri(site, UriKind.Absolute))    End Sub    

Este código lo único que hace es:

       
  1. Creamos una variable tipo srtring que almacenará la URL que se cargara.
  2.    
  3. Al control WebBroser se le asigna la URL y le decimos que cargue la página de modo absoluto.

    Ya tenemos lista la aplicación para ejecutarla, solo damos F5 y listo prueba tu aplicación. Te debe salir una pantalla como la siguiente.

También te puede interesar

Parte 1. ¿Cómo crear una aplicación para Windows Phone?

Aplicación SkyDrive

Parte 3. Ejecutar la aplicación en un Windows Phone
Comentarios
Nombre
 
Comentario
 
Email
   
WebSite

Loading
Redes sociales
Podcast
CSS y sus atributos Class y ID
¿Qué es Silverlight?
¿Qué es jQuery y para qué sirve?
Ultimos Twetts