Laboratorio: Crear una aplicación de lienzo con controles únicos

  • 10 minutos

Importante

Para este laboratorio, no inicie sesión con sus credenciales. Ejecute los pasos que indicamos a continuación para iniciar sesión en su entorno de laboratorio con las credenciales correctas:

  1. Seleccione Inicie sesión para iniciar el modo de VM en esta unidad.
  2. Verá una ventana de PowerShell y aparecerá una ventana de símbolo del sistema de Windows. Al cabo de dos o tres minutos, se cerrarán y Power Apps se abrirá automáticamente. Espere a que aparezca la pantalla de inicio de Power Apps.

Para consultar las instrucciones del laboratorio, seleccione la pestaña Instrucciones de la barra lateral del laboratorio.

En este ejercicio, utilizará varios controles que hemos mencionado en las unidades anteriores para crear una aplicación de lienzo que cambiará a medida que interactúe con los controles. Le dará una idea de las capacidades de los controles y de cómo puede adaptarlos a sus necesidades.

Nota

Power Apps requiere una licencia de Office 365, una prueba gratuita o una cuenta de desarrollador gratuita.

  1. Si todavía tiene la aplicación con City Populations, creada en la unidad 3 de este módulo de aprendizaje, puede ir al paso 9. De lo contrario, inicie sesión en Power Apps.

  2. En la pantalla de Inicio, seleccione Crear>Aplicación vacía y seleccione Crear en Aplicación de lienzo en blanco, en la ventana emergente.

  3. Póngale a su aplicación el nombre New Controls App y seleccione Crear.

  4. Omita el mensaje de bienvenida. Luego, seleccione el botón Insertar y seleccione un control Botón. Establezca su propiedad OnSelect según esta fórmula:

    ClearCollect(CityPopulations, {City:"London",
Country:"United Kingdom", Population:8615000}, {City:"Berlin",
Country:"Germany", Population:3562000}, {City:"Madrid",
Country:"Spain", Population:3165000}, {City:"Rome",
Country:"Italy", Population:2874000}, {City:"Paris",
Country:"France", Population:2273000}, {City:"Hamburg",
Country:"Germany", Population:1760000}, {City:"Barcelona",
Country:"Spain", Population:1602000}, {City:"Munich",
Country:"Germany", Population:1494000}, {City:"Milan",
Country:"Italy", Population:1344000})

  5. Mantenga presionada la tecla Alt y seleccione el control Botón. (Esto crea la colección y almacena toda la información).

  6. Seleccione el botón Insertar, elija una Galería vertical y seleccione CityPopulations en la ventana emergente Seleccionar un origen de datos.

    Captura de pantalla de la galería insertada; se han resaltado los botones Insertar y CityPopulations

  7. Con la galería seleccionada, en el panel Propiedades de la derecha, cambie el Diseño de Imagen, título y subtítulo a Título, subtítulo y cuerpo.

  8. Seleccione la última etiqueta (o la tercera) en el primer elemento de la galería y cambie la propiedad Text a ThisItem.Population.

    Captura de pantalla de los elementos del menú de galería para la propiedad Text

  9. Seleccione Screen1 en la vista de árbol (para que no la inserte en la galería). Luego, seleccione el botón Insertar y busque/seleccione un Control deslizante.

  10. Cambie la propiedad Max en el control deslizante hasta 10 000 000.

  11. Inserte una Etiqueta de texto y cambie la propiedad Text a Slider1.Value.

  12. Seleccione el primer elemento de la galería y seleccione Insertar. Luego, busque y seleccione un icono Comprobar. Colóquelo a la derecha de la galería.

    Nota

    Debería ver marcas de verificación en cada fila de la galería. Una galería repite el formato para todos los elementos iguales que el primero. Si no ve varias marcas de verificación, asegúrese de haber seleccionado el primer elemento de la galería e inserte un icono de Verificación de nuevo.

  13. Cambie la propiedad Visible del icono de verificación a lo siguiente:

    ThisItem.Population > Slider1.Value

    Captura de la pantalla de la aplicación con datos de ejemplo

Coloque la aplicación en modo Vista previa e intente ajustar el control deslizante. Al cambiar el control deslizante, debería ver cómo aparecen y desaparecen marcas de verificación en cada elemento de la galería, puesto que ha configurado la visibilidad para que cambie en función del control deslizante. En términos sencillos, ha creado una galería que muestra si la población de una ciudad es o no mayor que el valor del control deslizante.