Personalización de la aplicación (lista de SharePoint)

Tema siguiente

Exploración de las fórmulas de una aplicación (lista de SharePoint)

Continuar

Ver de nuevo

En los dos primeros temas de esta sección, se generó una aplicación a partir de una lista de SharePoint y se exploró dicha aplicación para conocer mejor la composición de las tres aplicaciones en pantalla. La aplicación que PowerApps generó es útil, pero a menudo las aplicaciones se personalizan después de generarlas. En este tema, explicaremos varios de los cambios básicos que se producen en cada pantalla de la aplicación. Sin embargo, para personalizar una aplicación se pueden realizar muchas más acciones, que se tratarán en temas posteriores. Entretanto, puede aprovechar lo que aprenda en este tema y basarse en ello. Tome cualquier aplicación que genere (una lista, un archivo de Excel o cualquier otro origen) y vea cómo se puede personalizar. Esta es la mejor manera de aprender a combinar aplicaciones.

Pantalla de exploración

Comenzaremos por la pantalla de exploración. La lista de SharePoint contiene una imagen para cada producto, pero de forma predeterminada dicha imagen no se muestra. Vamos a solucionar este problema. En el panel derecho, en la pestaña Layout (Diseño), seleccione otro diseño para la pantalla de exploración. Los resultados se verán de inmediato, ya que PowerApps actualiza la aplicación en cuanto se realizan los cambios.

Cambiar el diseño de la pantalla de exploración

Con el diseño básico correcto, cambie los campos que se muestran. Haga clic en un campo del primer elemento, o púlselo, y, después, en el panel derecho, cambie los datos que se muestran en cada elemento. Así se proporciona un mejor resumen de cada elemento de la lista.

Cambiar los campos de la pantalla de exploración

Pantalla de detalles

En la pantalla de detalles, deseamos cambiar el orden de los campos y también mostrar la imagen. Esta pantalla contiene distintos controles, por lo que el proceso es ligeramente distinto del de la pantalla de exploración. Haga clic en un campo, o puntéelo, y, después, en el panel derecho, arrastre el campo Title (Título) a la parte superior. Luego, haga clic en el campo Image (Imagen), o puntéelo, para mostrarlo.

Cambiar los campos de la pantalla de detalle

Pantalla de edición o creación

Por último, en la pantalla en que se editan y se crean las entradas, deseamos cambiar un campo para que sea más fácil escribir texto. Haga clic en el cuadro de texto Overview (Información general) y, después, elija el control Edit Multi-line Text (Editar texto mutilínea).

Cambiar los campos de la pantalla de edición

Puede ver que unos pocos pasos básicos pueden ayudar a mejorar la apariencia de una aplicación generada y la experiencia de usarla. En este tema nos hemos centrado en la interfaz de usuario de PowerApps Studio, que proporciona muchas opciones para personalizar las aplicaciones. En el siguiente tema, se explicarán las fórmulas, que desempeñan un rol importante en el control del comportamiento de las aplicaciones.