Operaciones básicas de programación con Metro y Windows 8 (V) - Jorge Serrano - MVP Visual Developer - Visual Basic

Operaciones básicas de programación con Metro y Windows 8 (V)

Navegación entre páginas de una aplicación – Avanzado

Parte I

Parte III

Parte IV

 

Navegación entre páginas de una aplicación – Avanzado (II)

Dando forma a la aplicación

No obstante, he comentado anteriormente que en esta aplicación vamos a cargar una serie de datos.

Para tal propósito, vamos a crear una clase de nombre Planeta que contendrá información de los planetas con sus respectivos datos, como son un identificador del planeta (que no utilizaremos en este ejemplo), un nombre de planeta, un diámetro del planeta, y una ruta de la imagen del planeta para mostrarla en la página principal una vez hayamos seleccionado el planeta.

Para agregar la clase Planeta a la aplicación, vamos a hacer clic con el botón derecho del ratón sobre el proyecto del Explorador de Soluciones, y vamos a seleccionar la opción Add > New Item, o bien, podemos utilizar la combinación de teclas Ctrl + Shift + A.

Buscaremos como elemento a agregar una clase, y como nombre de la misma, Planeta, tal y como se indica en la siguiente imagen.

Repetiremos la misma acción pero creando una clase de nombre SistemaSolar. Esta segunda clase será la encargada de cargar los datos de cada uno de los planetas, en este caso, pertenecientes al Sistema Solar.

El código asociado a nuestra clase Planeta quedará de la siguiente manera:

   1: namespace Sample2
   2: {
   3:  
   4:     /// <summary>
   5:     /// Clase pública sellada que indica los planetas del Sistema Solar.
   6:     /// </summary>
   7:     public sealed class Planeta
   8:     {
   9:  
  10:         #region CONSTRUCTOR
  11:  
  12:             /// <summary>
  13:             /// Constructor de la clase.
  14:             /// </summary>
  15:             /// <param name="id">
  16:             /// Identificador único para cada planeta.
  17:             /// </param>
  18:             /// <param name="nombre">
  19:             /// Nombre del planeta.
  20:             /// </param>
  21:             /// <param name="diametro">
  22:             /// Diámetro ecuatorial del planeta medido en kilómetros.
  23:             /// </param>
  24:             /// <param name="rutaImagen">
  25:             /// Ruta de la imagen a mostrar en la aplicación.
  26:             /// </param>
  27:             public Planeta(
  28:                            int id,
  29:                            string nombre,
  30:                            int diametro,
  31:                            string rutaImagen)
  32:             {
  33:                 this.Id = id;
  34:                 this.Nombre = nombre;
  35:                 this.Diametro = diametro;
  36:                 this.RutaImagen = rutaImagen;
  37:             } // Planeta Constructor
  38:  
  39:         #endregion
  40:  
  41:         #region PROPERTIES
  42:  
  43:             /// <summary>
  44:             /// Propiedad pública que indica el identificador del planeta.
  45:             /// </summary>
  46:             public int Id { get; set; }
  47:  
  48:             /// <summary>
  49:             /// Propiedad pública que indica el nombre del planeta.
  50:             /// </summary>
  51:             public string Nombre { get; set; }
  52:  
  53:             /// <summary>
  54:             /// Propiedad pública que indica el diámetro ecuatorial 
  55:             /// medido en kilómetros.
  56:             /// </summary>
  57:             public int Diametro { get; set; }
  58:  
  59:             /// <summary>
  60:             /// Propiedad pública que indica la ruta en la que se 
  61:             /// encuentra la imagen del planeta a mostrar en la 
  62:             /// aplicación.
  63:             /// </summary>
  64:             public string RutaImagen { get; set; }
  65:  
  66:         #endregion
  67:  
  68:     } // Planeta
  69:  
  70: } // Sample2

El código asociado a nuestra clase SistemaSolar por su parte, quedará de esta otra manera:

   1: namespace Sample2
   2: {
   3:  
   4:     using System.Collections.Generic;
   5:  
   6:  
   7:     /// <summary>
   8:     /// Clase pública sellada que permite simular la carga de datos 
   9:     /// de los planetas del Sistema Solar.
  10:     /// </summary>
  11:     public sealed class SistemaSolar
  12:     {
  13:  
  14:         #region CONSTRUCTORS
  15:  
  16:             /// <summary>
  17:             /// Constructor de la clase.
  18:             /// </summary>
  19:             public SistemaSolar()
  20:             {
  21:             } // SistemaSolar Constructor
  22:  
  23:         #endregion
  24:  
  25:         #region FUNCTIONS
  26:  
  27:             /// <summary>
  28:             /// Función que permite obtener una colección de
  29:             /// planetas pertenecientes al Sistema Solar.
  30:             /// </summary>
  31:             /// <returns>
  32:             /// Devolvemos una colección de planetas.
  33:             /// </returns>
  34:             public List<Planeta> GetPlanetas()
  35:             {
  36:                 // Creamos la colección de planetas.
  37:                 List<Planeta> planetas = new List<Planeta>();
  38:                 planetas.Add(new Planeta(1, "Júpiter", 142984, "Images/Jupiter.png"));
  39:                 planetas.Add(new Planeta(2, "Marte", 6787, "Images/Marte.png"));
  40:                 planetas.Add(new Planeta(3, "Mercurio", 4878, "Images/Mercurio.png"));
  41:                 planetas.Add(new Planeta(4, "Neptuno", 49538, "Images/Neptuno.png"));
  42:                 planetas.Add(new Planeta(5, "Plutón", 2390, "Images/Pluton.png"));
  43:                 planetas.Add(new Planeta(6, "Saturno", 120536, "Images/Saturno.png"));
  44:                 planetas.Add(new Planeta(7, "Tierra", 12756, "Images/Tierra.png"));
  45:                 planetas.Add(new Planeta(8, "Urano", 51108, "Images/Urano.png"));
  46:                 planetas.Add(new Planeta(9, "Venus", 12100, "Images/Venus.png"));
  47:                 // Devolvemos la colección de planetas.
  48:                 return planetas;
  49:             } // GetPlanetas
  50:  
  51:         #endregion
  52:  
  53:     } // SistemaSolar
  54:  
  55: } // Sample2

Si observamos el código de esta segunda clase, veremos que en la carga de los datos, le estamos indicando una ruta de imágenes que corresponde cada una de ellas, con la imagen de cada planeta.

(…Continúa…)

Published 29/6/2012 19:30 por Jorge Serrano
Comparte este post:

Comentarios

Saturday, June 30, 2012 4:48 PM por Jorge Serrano - MVP Visual Developer - Visual Basic

# Operaciones básicas de programación con Metro y Windows 8 (VIII)

Trabajando con ficheros de recursos e idiomas Parte II Parte III Parte IV   Trabajando con ficheros