Tutorial: Personalitzar una galeria al Power Apps

En aquest tutorial, personalitzareu una llista de registres, anomenada galeria, i fareu altres canvis en una aplicació que s'ha generat automàticament al Microsoft Power Apps. Els usuaris poden administrar les dades de l'aplicació encara que no feu aquests canvis, però l'aplicació serà més fàcil d'utilitzar si la personalitzeu per a les necessitats de la vostra organització.

Per exemple, la galeria d'aquest tutorial coincideix amb aquest gràfic per defecte. L'adreça electrònica apareix de manera més destacada que altres tipus de dades, i els usuaris poden ordenar i filtrar la galeria en funció del text d'aquesta adreça:

Tanmateix, és possible que els usuaris estiguin més interessats en el nom del compte que en l'adreça electrònica, de manera que tornareu a configurar la galeria per ressaltar, ordenar i filtrar en funció de les dades clau de l'organització. A més, canviaràs el títol de la pantalla per defecte per diferenciar-la de les altres pantalles de l'aplicació.

També afegireu una barra de desplaçament perquè els usuaris que no tinguin pantalles tàctils o rodes del ratolí puguin navegar per tota la galeria.

• Canviar la disposició de la galeria
• Canviar el tipus de dades que apareixen a la galeria
• Canviar les columnes per les quals els usuaris poden ordenar i cercar les dades
• Canviar el títol de la pantalla
• Mostrar una barra de desplaçament

Aquest tutorial comença amb una aplicació que s'ha generat a partir d'una font de dades específica. Tanmateix, els mateixos conceptes s'apliquen a qualsevol aplicació que genereu al Power Apps, ja sigui a partir d'una llista creada amb llistes del Microsoft, una biblioteca del SharePoint, una taula de l'Excel o alguna altra font de dades.

Si no esteu registrat al Power Apps, registreu-vos gratuïtament abans de començar.

Requisits previs

Genereu una aplicació a partir de la taula Comptes del Microsoft Dataverse.

Obre l'aplicació generada

1. Inicieu la sessió al Power Apps i, a continuació, seleccioneu Aplicacions a prop de la vora esquerra.

2. Cerqueu l'aplicació que heu generat, seleccioneu la icona de punts suspensius (...) i, a continuació, seleccioneu Edita.

   

3. Si apareix el quadre de diàleg Benvingut al Power Apps Studio, seleccioneu Omet.

Canviar el disseny

1. A la subfinestra de navegació esquerra, seleccioneu BrowseGallery1.

   Quan se selecciona la galeria, l'envolta un quadre de selecció amb nanses.

   

2. A la pestanya Propietats de la subfinestra dreta, obriu la llista d'opcions a Disposició i seleccioneu l'opció que només mostra un títol.

   

3. Al costat de Camps, seleccioneu Edita i, a continuació, seleccioneu la fletxa avall del quadre de títol.

   El nom d'aquest control acabarà en un número, com ara Títol1, però el número pot diferir en funció d'altres accions que hàgiu fet.

4. A la llista d'opcions, seleccioneu Nom del compte i tanqueu la subfinestra Dades .

   La galeria mostra el nom de cada compte.

   

Canviar les columnes d'ordenació i cerca

1. Seleccioneu la galeria tal com es descriu a la secció anterior.

   

2. A prop de l'extrem superior esquerre, confirmeu que a la llista de propietats es mostren Elements.

   

   El valor d'aquesta propietat apareix a la barra de fórmules. Definiu aquesta propietat per especificar no només la font de dades de la galeria, sinó també les columnes per les quals els usuaris poden ordenar i cercar les dades.

3. Copieu aquesta fórmula i enganxeu-la a la barra de fórmules.

   SortByColumns(Search(Accounts, TextSearchBox1.Text, "name"), "name", If(SortDescending1, Descending, Ascending))

   Mitjançant aquesta fórmula, us assegureu que:

   • Si un usuari escriu un o més caràcters a la barra de cerca, la galeria només mostra els noms de compte que contenen el text que l'usuari ha escrit.
   • Si un usuari selecciona la icona d'ordenació, la galeria s'ordena alfabèticament per nom de compte en ordre ascendent o descendent, depenent de quantes vegades l'usuari seleccioni la icona.

   Per obtenir més informació sobre aquestes i altres funcions, vegeu la referència de fórmules.

Classificació i cerca de proves

1. Obriu el mode de visualització prèvia prement F5 (o seleccionant el botó de reproducció a prop de l'extrem superior dret).

   

2. A prop de l'extrem superior dret de la pantalla de navegació, seleccioneu la icona d'ordenació una o més vegades per canviar l'ordre alfabètic entre ascendent i descendent.

   

3. Al quadre de cerca, escriviu k per mostrar només els noms de compte que contenen la lletra que heu escrit.

   

4. Suprimiu tot el text de la barra de cerca i, a continuació, tanqueu el mode de visualització prèvia prement Esc (o seleccionant la icona de tancament a prop de la cantonada superior dreta).

Canviar el títol de la pantalla

1. Seleccioneu el títol de la pantalla fent-hi clic o tocant-hi.

   

2. Assegureu-vos que la llista de propietats mostri Text i, a continuació, a la barra de fórmules, substituïu Comptes per Navega (conservant les cometes dobles).

   

   La pantalla reflecteix el vostre canvi.

   

Mostrar una barra de desplaçament

Si els usuaris no tenen pantalles tàctils ni rodes del ratolí, configureu la galeria perquè mostri una barra de desplaçament quan l'usuari passi el cursor per sobre amb el ratolí. D'aquesta manera, els usuaris poden mostrar tots els comptes encara que la pantalla no els pugui mostrar tots alhora.

1. Seleccioneu la galeria tal com es descriu al primer procediment.

   

2. Definiu la propietat Mostra la barra de desplaçament de la galeria com a true.

Passos següents

En aquest tutorial, heu personalitzat la galeria i heu fet altres canvis a la pantalla per defecte per navegar pels registres d'una aplicació generada. També podeu personalitzar les pantalles per defecte per mostrar detalls i crear o actualitzar comptes. Com que la pantalla de navegació conté una galeria, les altres dues pantalles de l'aplicació contenen formularis. Podeu canviar, per exemple, quins tipus de dades mostren els formularis i en quin ordre.