Comparteix a través de


Afegir i configurar controls a aplicacions de llenç

Afegiu una varietat d'elements de la interfície d'usuari a l'aplicació de llenç i configureu aspectes de la seva aparença i comportament directament, des de la barra d'eines, a la pestanya Propietats o a la barra de fórmules. Aquests elements de la interfície d'usuarisi s'anomenen controls i els aspectes que configureu s'anomenen propietats.

Requisits previs

  1. Si encara no teniu una Power Apps llicència, registreu-vos i inicieu la sessió.

  2. Creeu una aplicació de llenç en blanc.

    Sempre podeu fer el recorregut més tard seleccionant la icona del signe d'interrogació a prop de l'extrem superior dret de la pantalla i, a continuació, seleccionant Fes el recorregut d'introducció.

Afegir i seleccionar un control

Afegim una pantalla nova i un control de botó. No obstant això, podeu afegir qualsevol tipus de control.

  1. Seleccioneu Insereix al menú de creació i, a continuació, seleccioneu Pantalla nova.

  2. Trieu Blanc per afegir una pantalla en blanc a l'aplicació. (Les pantalles són un tipus de control que pot contenir altres tipus de controls.)

    Captura de pantalla que mostra com afegir una pantalla nova des de l'opció de menú Insereix.

    La pantalla nova s'anomena Pantalla2 i apareix a la vista d'arbre. En aquesta subfinestra es mostra una llista jeràrquica dels controls de l'aplicació per tal que pugueu trobar i seleccionar fàcilment cada control.

    Captura de pantalla que mostra la nova pantalla afegida a la vista d'arbre de l'aplicació.

  3. Amb la pantalla 2 seleccionada, torneu a seleccionar Insereix .

  4. Seleccioneu el control Botó . El control nou apareix a Pantalla2 a la llista jeràrquica de la visualització d'arbre.

    Captura de pantalla que mostra el botó nou al llenç i el nom del control del botó a la llista de Screen2.

    A la pantalla, un quadre amb sis nanses envolta el botó per defecte. Aquestes nanses envolten qualsevol control seleccionat i s'utilitzen per dimensionar el control.

  5. Seleccioneu la pantalla (fora del botó) i les nanses de la caixa desapareixen. Per tornar a seleccionar el control, seleccioneu-lo directament al llenç o a la llista de visualització d'arbre .

    Important

    Sempre heu de seleccionar un control per poder configurar-lo.

Canviar el nom d'un control

  1. A la llista de controls, passeu el cursor per sobre del control que voleu canviar de nom per mostrar el menú de desbordament (punts suspensius).

  2. Seleccioneu els punts suspensius.

  3. Seleccioneu Canvia el nom. Afegeix un nom únic i memorable per facilitar la creació de l'aplicació.

    Captura de pantalla que mostra on canviar el nom d'un control a través del menú de desbordament.

Suprimir un control

Podeu suprimir un control mitjançant el control de la llista de visualitzacions d'arbre o directament des del llenç.

Suprimir un control de la visualització d'arbre

  1. A la llista de controls, passeu el cursor per sobre del control que voleu suprimir per mostrar el menú de desbordament (punts suspensius).
  2. Seleccioneu els punts suspensius.
  3. Seleccioneu Suprimeix.

Suprimir un control del llenç

Seleccioneu el control al llenç i premeu la Delete tecla.

Reordenar les pantalles

  1. A la vista d'arbre, passeu el cursor per sobre d'una pantalla que vulgueu moure cap amunt o cap avall per mostrar el menú de desbordament (el·lipses).

  2. Selecciona els punts suspensius i, després, selecciona Moure cap amunt o Moure cap avall. Si no veieu cap opció Moure cap avall , la pantalla ja es troba al punt més baix de la llista.

    Captura de pantalla que us mostra com reordenar les pantalles a la vista d'arbre a través del menú de desbordament d'una pantalla.

Nota

Quan s'obre l'aplicació, la pantalla de la part superior de la llista de controls sol aparèixer primer. Tanmateix, podeu especificar una pantalla diferent definint la propietat OnStart en una fórmula que inclogui la funció Navigate .

Desplaçar i redimensionar un control

Per desplaçar un control, seleccioneu-lo, passeu el cursor per sobre del centre de manera que aparegui la fletxa de quatre puntes i, a continuació, arrossegueu el control a una altra ubicació.

Moure un control.

Per redimensionar un control, seleccioneu-lo, passeu el cursor per sobre de qualsevol control del quadre de selecció per tal que aparegui la fletxa de dues puntes i, a continuació, arrossegueu el control.

Arrossegar un control.

Nota

Com es descriu més endavant en aquest tema, també podeu moure i canviar la mida d'un control modificant qualsevol combinació de les seves propietats X, Y, Height i Width a la barra de fórmules.

Configurar un control a la subfinestra Propietats

Mitjançant la subfinestra Propietats , específica del control que seleccioneu, podeu especificar una gran varietat d'opcions.

Per exemple, si seleccioneu un control de botó, podeu substituir el valor del text que es mostra a través de la subfinestra Propietats del control.

Captura de pantalla que mostra com canviar el text de visualització en un control de botó a través de la subfinestra Propietats.

Nota

Alternativament, podeu canviar el text de visualització modificant la seva propietat Text a la barra de fórmules.

Configurar un control a la barra de fórmules

Podeu configurar un control seleccionant una propietat a la llista de propietats i especificant un valor a la barra de fórmules. La compleció automàtica pot ser útil a la barra de fórmules per veure els valors que podeu utilitzar per a un control.

Canviar el color de lletra d'un control

Per exemple, si voleu canviar el color del tipus de lletra del text del control. Veus moltes opcions de color.

Captura de pantalla que mostra les opcions de control que podeu definir a la barra de fórmules per a un control.

Canviar la posició al llenç d'un control

Podeu definir les coordenades X i Y per a la posició del control mitjançant la barra de fórmules. La configuració de coordenades a la barra de fórmules us proporciona una major precisió en la col·locació dels controls.

Per exemple, si seleccioneu X o Y a la llista de propietats i especifiqueu un número a la barra de fórmules, veureu que el control es desplaça a aquesta coordenada. En aquest cas, el botó es mou a la posició 100 a l'eix X, suposant que l'extrem esquerre del llenç és el punt zero.

Captura de pantalla que mostra on s'ha d'establir la coordenada X a la barra de fórmules.

Canviar la mida del control

Podeu canviar la mida d'un control seleccionant Alçada o Amplada a la llista de propietats i especificant un número diferent a la barra de fórmules.

Captura de pantalla que mostra com canviar l'alçada d'un control a través de la barra de fórmules.

Canviar el text de visualització del control

Podeu canviar el text de visualització d'un control seleccionant Text a la llista de propietats i, a continuació, especificant qualsevol combinació d'una cadena literal, una expressió o una fórmula a la barra de fórmules.

Cadena literal

Una cadena literal està entre cometes i apareix exactament com l'escriviu. "Hola, món" és una cadena literal.

Captura de pantalla que mostra on afegir una cadena literal a la barra de fórmules per al text de visualització d'un control.

Nota

Quan afegiu text més llarg que l'amplada del control, el control no canvia l'amplada per adaptar-se al text. Heu de canviar manualment la mida del control perquè s'ajusti al text.

Expression

Una expressió sovint es basa en una propietat d'un altre control. Screen2.Height és una expressió que mostra l'alçada de Screen2 on es mostra el text de visualització d'un control de botó.

Captura de pantalla que mostra com afegir una propietat de control com a text de visualització per a un altre control.

Amb una expressió, per exemple, podeu definir una imatge o icona de fons com a emplenament del botó.

Fórmula

Una fórmula inclou una o diverses funcions. La funció Ara retorna la data i l'hora actuals a la zona horària local i la funció Text dóna format a valors com ara dates, hores i moneda.

Per exemple, podeu visualitzar la data i l'hora en una etiqueta:

Captura de pantalla que mostra com crear una funció Text() que mostra una versió escurçada de DateTime.

Les fórmules solen ser molt més complexes que aquest exemple per tal que puguin actualitzar les dades, ordenar-les, filtrar-les i realitzar altres operacions. Per obtenir més informació, vegeu la referència de lafórmula.