Reagoivan rakenteen ohjeet

Reagoivat pohjaan perustuvat sovellukset mukauttavat asetteluaan ja siirtymistään käytettävissä olevaan näyttönäyttöön kiinteän pohjan skaalaamisen sijaan. Suunnittele reagoiva toiminta tarkoituksella niin, että sovellus pysyy käytettävissä kaikissa tuetuissa ikkunoiden koossa, laitteen suunnassa, zoomaustasolla ja syöttötilassa.

Kunkin seuraavan ohjeen tarkoituksena on varmistaa, että pohjaan perustuva sovelluksesi tarjoaa parhaan mahdollisen käyttökokemuksen laitteen näytön koosta tai suunnasta riippumatta. Nämä ohjeet koskevat yhtä modernin sovelluskehityksen kriittisimmistä seikoista. Nämä ohjeet ovat tärkeitä kehittäjille, jotka haluavat parantaa Power Apps -sovellustensa käytettävyyttä ja käyttäjien osallistumista.

Sovita näyttökokoihin

Peruspohjasovellukset on suunniteltava säätämään niiden asettelun ja käyttöliittymän automaattisesti laitteen näytön koon mukaan. Tämä reagointikyky varmistaa, että sovellus toimii ja on visuaalisesti houkutteleva eri laitteissa älypuhelimista pöytätietokoneisiin.

Automaattisen asettelun säilöjen käyttäminen

Käytä reagoivan näytön ensisijaisena rakenteena vaaka- ja pystysuuntaisia automaattisen asettelun säilöjä. Nämä säilöt järjestävät ja tasaavat sovelluksen osia dynaamisesti ja varmistavat, että ne reagoivat tehokkaasti näytön mittojen muutoksiin.

Poista skaalaus käytöstä sovitaksesi ja hallitse kuvasuhdetta ja suuntaa

Ota Skaalaus sovitukseen -asetus pois käytöstä, jotta sovelluksen reagointi on todellista. Tämä asetus estää skaalauksen ja edistää luonnollisen asettelun mukauttamista eri näyttökokoihin. Säädä myös kuvasuhdetta ja Lukitse suunta -asetuksia. Nämä muutokset varmistavat, että sovelluksen asettelu reagoi tehokkaasti eri näyttökokoihin ja -asetteluihin. Sovellus ylläpitää yhdenmukaista ja toiminnallista käyttöliittymää riippumatta siitä, onko laite pysty- vai vaakatilassa.

Reagoivien asettelujen käyttö

Käytä asettelumalleja, kuten jaetun näytön ja sivupalkin kaltaisia, jotka tarjoavat erilaisia käyttökokemuksia eri laitteissa. Tämä mukautettavuus parantaa sovelluksen toimintoja, joten se on intuitiivisempi minkä tahansa laitteen käyttäjille.

Kaavojen käyttö dynaamisen asettelun luomisessa

Käytä kaavoja kiinteiden koordinaattien sijaan ohjausobjektien sijoittamiseen ja koon muuttamiseen. Tämä lähestymistapa varmistaa, että ne mukautuvat dynaamisen, reagoivan asettelun näytön mittojen muutoksiin.

Eri laitteille suunnitteleminen

Tehokas reagoiva rakenne edellyttää sovelluksen ulkoasun ja toimintojen ennakointia eri laitteissa. Tämä odotus sisältää päätökset elementtien koon muuttamisesta tai niiden piilottamisesta kokonaan pienemmissä näytöissä tilan optimoimiseksi ja käytettävyyden ylläpitämiseksi.

Käytännön toteutus

Ei-reagoivan pohjasovelluksen muuntaminen reagoivaksi sovellukseksi edellyttää järjestelmällistä lähestymistapaa. Tähän lähestymistapaan kuuluu reagointiasetusten säätäminen ja säilön ominaisuuksien huolellisesti määrittäminen, jotta sovelluksen elementit mukautuvat eri näyttökokoihin.

Resurssit

Seuraava vaihe

Koodin luettavuus

  • Viimeksi päivitetty