Identificazione dei componenti per ottimizzare un'app canvas per i dispositivi mobili
In questa unità esploreremo alcuni componenti Power Apps che contribuiscono a creare un'app ottimizzata per dispositivi mobili, tra cui:
Creazione di app canvas
Impostazioni di visualizzazione applicazione
Moduli reattivi
Considerazioni sulla progettazione di controlli e moduli
Contenitori
Funzionalità offline
Come avvisare gli utenti dell'assenza di connettività
Creazione di app canvas
Una volta completata la pianificazione, andare alla home page di Power Apps per avviare l'app. Selezionare l'opzione Crea e Inizia da un'app vuota, per creare un'app canvas vuota. Power Apps propone l'opzione Formato o il fattore di forma prima ancora che si inizi a creare l'app. Questo è il primo punto di opzione per adottare il fattore di forma di cui si ha bisogno per l'app per dispositivi mobili, il più adatto per le esigenze specifiche.
È possibile usare uno qualsiasi dei layout su un telefono cellulare o tablet, ma si otterranno esperienze diverse. Ad esempio, quando si crea un layout telefono, l'applicazione presume un orientamento verticale e offre la possibilità di scorrere verso l'alto e verso il basso in una finestra stretta. In modalità tablet, il layout sullo stesso telefono presume un orientamento orizzontale per impostazione predefinita. L'applicazione migliore varia in base al caso d'uso.
Impostazioni di visualizzazione applicazione
In fase di modifica dell'app canvas, è possibile accedere a Impostazioni > Display e visualizzare importanti impostazioni di visualizzazione.
Orientamento: l'orientamento dell'applicazione sarà il layout di presentazione predefinito dell'app. Potrà avere l'orientamento verticale o l'orientamento orizzontale.
Ridimensiona e adatta: per una progettazione reattiva, il consiglio è impostare questa opzione su Off. È impostata su On per impostazione predefinita.
Blocca proporzioni:-questa funzione mantiene automaticamente il rapporto tra altezza e larghezza. È abilitata solo se l'opzione Ridimensiona e adatta è impostata su On. Se questa opzione è impostata su Off, la finestra di progettazione non progetta più un'app canvas per una dimensione specifica dello schermo.
Blocca orientamento
Se questa opzione è impostata su On, l'impostazione in Orientamento è bloccata. Ad esempio, se un'applicazione è in modalità verticale e l'opzione Blocca orientamento è impostata su On, l'app canvas non consente mai all'utente di impostare l'orientamento orizzontale.
Se questa opzione è impostata su Off, l'app per dispositivi mobili consente all'utente di passare dall'orientamento orizzontale all'orientamento verticale e viceversa spostando l'orientamento del dispositivo mobile.
Layout reattivi
Quando si aggiunge una nuova schermata all'app, è possibile selezionare diverse opzioni reattive dalla scheda Layout tra cui Schermo diviso, Barra laterale e Intestazione e piè di pagina. Queste tre opzioni sono layout reattivi in base alla progettazione e si adattano di conseguenza alla piattaforma.
Se nessuna di queste opzioni è adatta allo scopo, è possibile creare un proprio layout reattivo usando contenitori, formule e condizioni.
Considerazioni sulla progettazione di controlli e moduli
I pulsanti devono essere facili da trovare e selezionare. Valutare la possibilità di posizionarli nella parte superiore o inferiore di un modulo che si estende da un bordo all'altro dell'applicazione. Se si tratta di un'azione, ad esempio un'azione di eliminazione, posizionare il pulsante al lato del record in cui è probabile che gli utenti tengano il dispositivo (mano destra o mano sinistra).
Quando si includono campi in un modulo, aggiungere una spaziatura sufficiente tra i campi e il bordo del dispositivo per compensare eventuali selezioni non accurate sullo schermo. Analogamente, gli utenti non toccano mai allo stesso modo un campo, quindi è necessario assicurarsi che lo stato attivo non venga spostato involontariamente su un altro campo. Grazie alla spaziatura tra il bordo di un campo e il bordo del modulo gli utenti potranno evitare di attivare accidentalmente azioni di scorrimento del dispositivo, come il ritorno a un modulo precedente. Se sono presenti campi obbligatori, prova a dare loro la priorità come primi campi.
Le griglie di dati devono estendersi da un bordo all'altro di un modulo e scorrere in una sola direzione: verticale o orizzontale. Se in un modulo sono necessari altri campi, includerli sotto il campo principale del record, non in altre colonne a destra o a sinistra del record. Quando si usano più moduli, fare in modo di rendere lo scorrimento un'esperienza uniforme nell'app.
Contenitori
I contenitori sono un ottimo strumento per facilitare l'organizzazione dei controlli. Inoltre, è possibile usarli per disporre automaticamente i controlli in essi contenuti orizzontalmente o verticalmente.
I controlli Contenitore orizzontale e Contenitore verticale usano entrambi una funzione di layout automatico, che determina automaticamente la posizione (x e y) dei componenti figlio inseriti in essi. Inoltre, questi controlli possono distribuire lo spazio disponibile ai componenti figlio e determinare l'allineamento verticale e orizzontale dei componenti figlio.
I contenitori con layout automatico sono ideali quando è necessario che l'interfaccia utente sia reattiva alle dimensioni dello schermo o alle modifiche del fattore di forma. Oppure, quando si vuole che Power Apps gestisca automaticamente l'impilamento e la spaziatura dei componenti nello spazio disponibile.
Funzionalità offline
Quando gli utenti usano Power Apps Mobile, possono archiviare determinati dati offline sui propri dispositivi mobili. Quando il dispositivo mobile si riconnette a Internet, Power Apps Mobile può trasmettere i dati memorizzati dal dispositivo. Due funzioni che non abbiamo trattato sono LoadData e SaveData, che semplicemente salvano e ricaricano una raccolta da spazio di archiviazione del dispositivo dell'app. Allo stesso modo, la funzione ClearData rimuove la raccolta dalla memoria del dispositivo mobile.
Come avvisare gli utenti dell'assenza di connettività
Power Apps può avvisare gli utenti quando un'app è offline tramite la formula del segnale Connessione. È possibile usare un controllo Icona che cambia colore in base al feedback della connessione. È anche usare la funzione Notify per informare l'utente sullo stato della connettività oppure modificare la modalità di visualizzazione di alcuni controlli in base alla connessione.
Per riassumere, sono disponibili vari strumenti per semplificare la progettazione di un'app ottimizzata per dispositivi mobili. Dal momento in cui si crea l'app fino al momento in cui si apportano gli ultimi ritocchi, sono disponibili opzioni per ottenere il massimo dall'app. Il riepilogo del modulo include alcuni collegamenti a ulteriori informazioni su come integrare questi tipi di funzionalità nell'app.