Operaciones básicas de programación con Metro y Windows 8 (V)
Navegación entre páginas de una aplicación – Avanzado
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…)
One Responseso far
Trabajando con ficheros de recursos e idiomas Parte II Parte III Parte IV Trabajando con ficheros