Share via

Afegir una pantalla amb desplaçament a una aplicació de llenç

  • Article

En una aplicació del llenç, creeu una pantalla que els usuarisis puguin desplaçar per mostrar elements diferents. Per exemple, creeu una aplicació de telèfon que mostri dades en diversos gràfics, que els usuarisis puguin visualitzar si desplacen.

Quan afegiu diversos controls en una secció, els controls mantenen les seves posicions relatives dins d'aquesta secció, independentment de si es tracta d'una aplicació de telèfon o d'una aplicació de tauleta. La mida i l'orientació de la pantalla també poden afectar a com s'organitzen les seccions.

Requisits previs

  1. Crea una aplicació de llenç en blanc.
  2. Descobriu com s'afegeixen i configuren els controls.

Crear una pantalla amb desplaçament

  1. Seleccioneu Nova pantalla sota el menú superior.

  2. Seleccioneu la pantalla desplaçable.

    Seleccioneu una pantalla nova i trieu el tipus de pantalla amb desplaçament.

    S'afegirà una nova pantalla que es pot desplaçar a l'aplicació.

    Captura de pantalla que mostra la pantalla que es pot desplaçar afegida a l'aplicació.

Afegir controls

La pantalla que es pot desplaçar inclou una quadrícula Desplaceu-vos amb una targeta de dades per defecte. Les targetes de dades ajuden a separar els conjunts de creació a la pantalla. Per fer que la pantalla es pot desplaçar amb diversos controls, afegiu més targetes de dades. A continuació, afegiu controls a les targetes de dades segons calgui.

Per afegir targetes de dades, podeu seleccionar Afegeix la secció a la part inferior de la pantalla que es pot desplaçar.

Botó Afegeix la secció ressaltada a la pantalla que es pot desplaçar del llenç.

Començarem afegint controls a la targeta de dades disponibles per defecte amb la pantalla que es pot desplaçar i, a continuació, afegiu una secció nova que afegeixi una altra targeta de dades. Un cop disponible una targeta de dades nova, hi afegirem un altre control a l'interior de la targeta de dades nova.

Juntes, tant les targetes de dades com els controls dins de les targetes de dades ampliaria la longitud per defecte de la pantalla, cosa que requereix l'ús de la capacitat de desplaçament de la pantalla.

Propina

Per obtenir més informació sobre targetes de dades predefinides, vegeu Entendre les targetes de dades.

  1. Seleccioneu + (Insereix) a la subfinestra esquerra.

    Text alternatiu que descriu el contingut de la imatge.

  2. Expandiu Gràfics i, a continuació, seleccioneu Gràfic de columnes.

  3. Canviar la mida del gràfic afegit a la pantalla per consumir aproximadament dos terços de la pantalla.

  4. Reduïu la mida de la targeta de dades a la mida del gràfic afegit.

    Canviar la mida de la targeta de dades a la pantalla per consumir dos terços de la pantalla.

  5. Seleccioneu Afegeix secció a la pantalla per afegir una altra secció.

    S'afegirà una targeta de dades nova a la pantalla.

  6. Seleccioneu Inserir > Gràfics > Gràfics de línies.

  7. Desplaceu-vos cap avall a la pantalla amb la barra de desplaçament de la dreta de la pantalla i, a continuació, seleccioneu Afegeix la secció per afegir una tercera targeta de dades.

  8. Seleccioneu Insereix > Entrada > Entrada de llapis.

  9. Per canviar la mida del control d'entrada de llapis, augmenteu l'amplada a l'interior de la targeta de dades.

    El control d'entrada de llapis s'ha redimensionat per utilitzar més amplada a la pantalla.

  10. Premeu F5 al teclat per poder veure la versió preliminar de l'aplicació. Desplaceu-vos cap avall amb la barra de desplaçament fins a la part inferior de la pantalla.

    Visió preliminar de la pantalla desplaçable.

Ara que heu demostrat que heu demostrat que heu d'utilitzar la pantalla amb desplaçament, personalitzeu l'aplicació segons les vostres necessitats empresarials.

Pantalla de desplaçament per a formularis

Atès que l'ús de targetes de dades de Power Apps per crear seccions, els controls de visualització de formulari i edició de formulari no es poden inserir. Incloure una combinació de controls conjuntament pot degradar el rendiment de l'aplicació. Per tant, quan utilitzeu controls de formulari, utilitzeu contenidors de disposició com ara un control de contenidor vertical.

Propina

Per obtenir més informació sobre com treballar amb formularis, vegeu Comprendre els formularis de l'aplicació de llenç.

Hi ha diversos mètodes diferents per configurar el desplaçament amb formularis:

Utilitzar la propietat Desbordament vertical

L'ús de la propietat Desbordament vertical és un mètode bàsic per utilitzar una pantalla de desplaçament que té un formulari.

  1. Assegureu-vos que utilitzeu una pantalla en blanc i que no sigui una pantalla amb desplaçament.

  2. Seleccioneu Insereix > Disposició i, a continuació, seleccioneu Contenidor vertical.

  3. Al costat dret de la pantalla, a la subfinestra de propietats, seleccioneu la propietat Vertical Overflow i trieu Desplaçament.

    Definiu la propietat Vertical overflow del contenidor en Desplaçament.

  4. Afegir el formulari d'edició o de visualització amb els camps necessaris. Quan la llista de camps superi la mida del contenidor a l'interior de la pantalla, podreu desplaçar-vos per l'interior del contenidor mitjançant la barra de desplaçament.

    Contenidor vertical amb la propietat Vertical Overflow definida en desplaçament amb un formulari de visualització.

Utilitzar contenidors dins del contenidor vertical

Per a les aplicacions complexes, pot ser que considereu la possibilitat d'afegir contenidors dins d'un control de contenidor vertical. A continuació, ajusteu l'alçada del formulari i el contenidor intern, tal com es mostra a continuació.

  1. Assegureu-vos que utilitzeu una pantalla en blanc i que no sigui una pantalla amb desplaçament.

  2. Seleccioneu Insereix > Disposició i, a continuació, seleccioneu Contenidor vertical.

  3. Al costat dret de la pantalla, a la subfinestra de propietats, seleccioneu la propietat Vertical Overflow i trieu Desplaçament.

  4. Seleccioneu Insereix > Disposició i, a continuació, seleccioneu Contenidor.

  5. Des de la part dreta de la pantalla de la subfinestra de propietats, definiu la propietat Alçada flexible en Desactivada.

    Propietat d'alçada flexible desactivada per al contenidor.

  6. Afegir el formulari d'edició o de visualització amb els camps necessaris.

  7. Per habilitar el desplaçament dins de la pantalla del formulari, actualitzeu l'alçada del contenidor afegit al pas 4 i al formulari.

    Formulari desplaçable que utilitza l'alçada del contenidor i el formulari per a la capacitat de desplaçament.

Per obtenir més informació sobre el treball amb la capacitat de treballar amb la capacitat de treballar amb una aplicació, vegeu Crear aplicacions de llenç responsiu i disposicions responsives

Consulteu també

Nota

Ens podeu dir quines són les vostres preferències d'idioma per a la documentació? Responeu una breu enquesta. (tingueu en compte que l'idioma de l'enquesta és l'anglès)

Trigareu uns set minuts a completar l'enquesta. No es recopilen dades personals (declaració de privadesa).