Generación de una aplicación de lienzo para controlar solicitudes de proyecto

Nota

Este artículo forma parte de una serie de tutoriales sobre el uso de Power Apps, Power Automate y Power BI con SharePoint Online. Asegúrese de leer la introducción a la serie para hacerse una idea general, así como para obtener descargas relacionadas.

Ahora que las listas están en su sitio, podemos generar y personalizar la primera aplicación. Power Apps está integrado con SharePoint, por lo que es fácil generar una aplicación de tres pantallas básica directamente desde una lista. Esta aplicación permite ver información tanto resumida como detallada de cada elemento de la lista, actualizar los elementos existentes en la lista y crear nuevos elementos en la lista. Si crea una aplicación directamente a partir de una lista, esta aparece como un vista en dicha lista. Posteriormente, dicha aplicación se puede ejecutar tanto en un explorador como en un teléfono móvil.

Paso 1: Generación de una aplicación a partir de una lista

  1. En la lista Solicitudes de proyectos que creó, seleccione Integrar -> Power Apps -> Crear una aplicación.

    Crear una aplicación.

  2. Asigne un nombre a la aplicación, como "Project Requests app", y haga clic o pulse en Crear. Cuando la aplicación está lista, se abre en Power Apps Studio.

    Especifique un nombre para la aplicación.

Paso 2: Revisión de la aplicación en Power Apps Studio

  1. En Power Apps Studio, la barra de navegación izquierda muestra de forma predeterminada una vista jerárquica de las pantallas y los controles de la aplicación.

    Power Apps Studio con vista jerárquica.

  2. Haga clic o pulse en el icono de la miniatura para cambiar de vista.

    Selector de vista de Power Apps Studio.

  3. Pulse o haga clic en la pantalla que desee para verla en el panel central. Hay tres pantallas:

    (a). La pantalla de exploración, donde se exploran, ordenan y filtran los datos extraídos de la lista.

    (b). La pantalla de detalles, en la que aparece información más detallada de un elemento.

    (c). La pantalla de edición o creación, donde se editan los elementos existentes o se crean nuevos.

    Power Apps Studio con vista en miniatura.

Paso 3: Personalización de la pantalla de exploración de la aplicación

  1. Haga clic o pulse en la pantalla de exploración.

    Esta pantalla tiene una diseño que contiene un galería que muestra los elementos de lista, así como otros controles, como una barra de búsqueda y un botón de ordenación.

  2. Seleccione la galería BrowseGallery1 haciendo clic o pulsando en cualquier registro, excepto en el primero.

    Explorar galería.

  3. En el panel derecho, en Propiedades, haga clic o pulse Project Requests.

  4. Actualice los campos para que coincidan con los de la siguiente lista:

    • RequestDate

    • Requestor

    • Puesto

      Campos de la galería.

  5. Con BrowseGallery1 aún seleccionado, seleccione la propiedad Items.

    Propiedad Items.

  6. Cambie la fórmula a SortByColumns(Filter('Project Requests', StartsWith(Title, TextSearchBox1.Text)), "Title", If(SortDescending1, Descending, Ascending)).

    Barra de fórmulas.

    Le permite ordenar y buscar por el campo Title, en lugar del predeterminado que eligió Power Apps. Para más información, consulte Análisis en profundidad de una fórmula.

  7. Pulse o haga clic en Archivo y, luego, en Guardar. Haga clic o pulse el icono Volver a la aplicación. para volver a la aplicación.

Paso 4: Revisión de la pantalla de detalles y la pantalla de edición de la aplicación

  1. Haga clic o pulse en la pantalla de detalles.

    Esta pantalla tiene un diseño diferente que contiene un formulario de presentación que muestra los detalles de un elemento seleccionado en la galería. Tiene controles para editar y eliminar elementos, y para volver a la pantalla de exploración.

    Detalles del formulario de presentación.

  2. Haga clic o pulse en la pantalla de edición.

    Esta pantalla contiene un formulario de edición para editar el elemento seleccionado o para crear uno nuevo (si se accede a él directamente desde la pantalla de exploración). Tiene controles para guardar o descartar los cambios.

    Editar formulario.

Paso 5: Ejecución de la aplicación desde la lista

  1. En la lista Project Requests, pulse o haga clic en Todos los elementos y en Project Requests app.

    Ver aplicación Project Requests.

  2. Haga clic en Abrir, lo que abre la aplicación en una nueva pestaña de explorador.

    Abrir aplicación Project Requests.

  3. En la aplicación, pulse o haga clic en Icono Ir a detalles. en el primer elemento de la galería de exploración.

    Primer elemento de la galería.

  4. Haga clic o pulse en Icono Lápiz (edición). para editar el elemento.

  5. Actualice el campo Descripción: cambie la última palabra de "group" a "team" y, luego, pulse o haga clic en el icono de marca de verificación.

    Actualizar campo Descripción.

  6. Cierre la pestaña del navegador.

  7. Vuelva a la lista Project Requests, pulse o haga clic en Project Requests app y en Todos los elementos.

    Ver todos los elementos.

  8. Compruebe el cambio que realizó en la aplicación.

    Comprobar la edición.

Se trata de una aplicación muy simple y solo hemos realizado unas pocas personalizaciones básicas, pero se puede ver que es posible crear rápidamente algo interesante. Vamos a pasar a la tarea siguiente, pero si lo desea, examine la aplicación con mayor profundidad para ver cómo funcionan conjuntamente los controles y las fórmulas para potenciar el comportamiento de la aplicación.

Análisis en profundidad de una fórmula

Esta sección es opcional, pero le ayudará a conocer mejor cómo funcionan las fórmulas. En el paso 3 de esta tarea, se modificó la fórmula de la propiedad Items de BrowseGallery1. En concreto, se cambió la forma en que se realizaban las acciones de ordenación y búsqueda para utilizar el campo Title, en lugar del campo que Power Apps seleccionaba. Esta es la fórmula modificada:

SortByColumns ( Filter ( 'Project Requests', StartsWith ( Title, TextSearchBox1.Text ) ), "Title", If ( SortDescending1, Descending, Ascending ) )

Pero, ¿qué hace esta fórmula? Determina el origen de datos que aparece en la galería, filtra los datos en función del texto que se escriba en el cuadro de búsqueda y ordena los resultados en función del botón de ordenación de la aplicación. La fórmula usa funciones para realizar todas estas acciones. Las funciones toman parámetros (es decir, entrada), realizan una operación (por ejemplo, filtrado) y un devuelven un valor (es decir, salida):

Cuando se juntan las funciones en la fórmula, ocurre lo siguiente:

  1. Si escribe texto en el cuadro de búsqueda, la función StartsWith compara dicho texto con el principio de cada cadena de la columna Title de la lista.

    StartsWith ( Title, TextSearchBox1.Text )

    Por ejemplo, si escribe "de" en el cuadro de búsqueda, verá cuatro resultados, incluidos los elementos que comienza por "Desktop" y "Device". No verá todos los elementos de "Mobile devices" porque no empiezan por "de".

  2. La función Filter devuelve filas de la tabla Project Requests. Si no hay texto en el cuadro de búsqueda con el que comparar, Filter devuelve todas las filas.

    Filter ( 'Project Requests', StartsWith ( Title, TextSearchBox1.Text )

  3. La función If examina si la variable SortDescending1 está establecida en true o false (la establece el botón de ordenación de la aplicación). A continuación, la función devuelve uno de estos dos valores: Descending o Ascending.

    If ( SortDescending1, Descending, Ascending )

  4. Ahora la función SortByColumns puede ordenar la galería. En este caso, la ordena por el campo Title, pero puede ser un campo que no se en el que se busca.

Si ha seguido la explicación, esperamos que conozca mejor cómo funciona esta fórmula y cómo puede combinar funciones y otros elementos para lograr el comportamiento que las aplicaciones requieren. Para obtener más información, consulte Referencia de fórmula para Power Apps.

Pasos siguientes

El siguiente paso de esta serie de tutoriales es crear un flujo para administrar aprobaciones de proyectos.

Vea también

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).