Scopri di più sui pieghevoli

I dispositivi pieghevoli offrono un'opportunità per lo sviluppo di app innovative. Gli schermi grandi e piccoli dello stesso dispositivo offrono esperienze interattive complementari ma distinte. Funzionalità di piegatura come la postura da tavolo e la postura a libro consentono layout fantasiosi e interfacce utente non convenzionali.

Figura 1. Dispositivo pieghevole in più posizioni: piegato, aperto, piatto, aperto e ruotato in orizzontale e a metà aperto (piano da tavolo).

Design adattabile/adattivo

Il supporto per i dispositivi pieghevoli inizia con il design reattivo. I layout adattabili consentono a un'app di avere un aspetto e un funzionamento ottimali su schermi di varie dimensioni, inclusi gli schermi piegati e aperti di un dispositivo pieghevole. Per i layout basati sulle visualizzazioni, implementa il design adattabile con ConstraintLayout; per Scrivi, BoxWithConstraints.

A volte però il layout deve adattarsi. Le differenze nelle dimensioni e nelle proporzioni dello schermo degli schermi piegati e aperti possono essere molto grandi e, pertanto, anche un layout reattivo non è in grado di ospitare in modo ottimale entrambi i display. Il design adattivo crea layout alternativi ottimizzati per schermi di dimensioni e configurazioni diverse. I layout adattivi offrono un'esperienza utente ottimizzata quando un dispositivo pieghevole è piegato o aperto, con orientamento verticale o orizzontale o in posizione da tavolo o a libro.

Ad esempio, un dispositivo pieghevole con schermi di grandi dimensioni aperto in orientamento orizzontale è simile a un tablet; il layout a due riquadri con binario di navigazione consente un utilizzo eccellente dello schermo largo. Chiuso, il dispositivo è simile a uno smartphone standard; il layout a una sola colonna con barra di navigazione in basso è semplice ma efficace. Poiché i layout sono separati, puoi ottimizzarli per il caso d'uso specifico.

Figura 2. Layout adattivi ottimizzati per schermi piegati e aperti.

I dispositivi pieghevoli possono essere ripiegati in vari modi, ad esempio verso l'interno, con il display ripiegato all'interno o verso l'esterno, avvolgendo il display intorno al dispositivo. Il design reattivo/adattivo prepara la tua app a supportare tutti i tipi di fattori di forma pieghevoli.

Per scoprire di più sul design adattabile/adattivo per i pieghevoli, consulta quanto segue:

Stati e posizioni pieghevoli

La piegatura di un dispositivo pieghevole divide lo schermo in due parti. La piegatura può essere un'area flessibile dello schermo o, nei dispositivi con doppio schermo, una cerniera che separa i due display.

Il fold ha una dimensione e una proprietà occlusionType, che definisce se il fold nasconde parte del display. Sui dispositivi con doppio schermo, occlusionType è FULL, nessun contenuto è visibile nell'area di chiusura (cerniera) anche se un'app può estendersi su entrambi gli schermi.

I dispositivi pieghevoli possono essere in vari stati di chiusura, ad esempio FLAT (completamente aperto) o HALF_OPENED (un punto tra completamente aperto e completamente chiuso).

Figura 3. Dispositivo pieghevole in stato piatto e semiaperto.

Quando un dispositivo è nello stato HALF_OPENED, sono possibili due posizioni, a seconda dell'orientamento della piegatura: posizione da tavolo (piega orizzontale) e postura a libro (piega verticale).

Le posizioni da tavolo e libri offrono nuove possibilità di layout, ma lo stato del dispositivo HALF_OPENED impone anche alcune limitazioni. Ad esempio, gli utenti potrebbero avere difficoltà ad accedere ai controlli dell'interfaccia utente "vicino al fold" e il testo sovrapposto al fold può essere difficile da leggere (o illeggibile se occlusionType è FULL).

Progetta i layout in modo che gli elementi UI siano accessibili in tutti gli stati del dispositivo. Posiziona le finestre di dialogo e i menu popup in modo che non si sovrappongano. Assicurati che i contenuti importanti siano visibili quando il dispositivo è parzialmente piegato. Dividi i contenuti in due aree quando il dispositivo è per metà aperto: in alto e in basso nella posizione da tavolo, a sinistra e a destra in posizione a libro.

Per ulteriori informazioni su pieghe e posizioni pieghevoli, vedi Rendere l'app pieghevole.

Continuità dell'app

Un'app si interrompe e si riavvia mentre passa da uno schermo all'altro quando un dispositivo si piega o si apre. Per mantenere la continuità per l'utente, l'app deve ripristinare il proprio stato quando viene ricreato il layout dell'app su uno schermo piegato o aperto. Ad esempio, le app devono:

  • Mantieni il testo digitato nei campi di immissione
  • Ripristina lo stato della tastiera
  • Ripristina la posizione di scorrimento dei campi scorrevoli
  • Riprendi la riproduzione dei contenuti multimediali dal punto in cui si era interrotta quando l'app era stata interrotta

Anche i diversi layout dello schermo di un dispositivo pieghevole dovrebbero integrarsi a vicenda. Ad esempio, se lo schermo piegato mostra un'immagine e una descrizione di un prodotto di un negozio online, lo schermo aperto dovrebbe mantenere la continuità mostrando la stessa immagine e la stessa descrizione, ma includere anche contenuti complementari come specifiche o recensioni dei prodotti.

Per scoprire di più sulla gestione dello stato e della continuità delle app, vedi Salvare gli stati della UI e Gestire le modifiche alla configurazione.

Multitasking

Gli schermi pieghevoli di grandi dimensioni hanno uno schermo delle dimensioni di un tablet ideale per il multitasking in modalità multi-finestra. I pieghevoli supportano la modalità schermo diviso; alcuni supportano persino la modalità in formato libero, in cui le app sono contenute in finestre mobili e ridimensionabili, come in un sistema di finestre desktop.

Figura 4. Dispositivo pieghevole in orientamento orizzontale con tre app in modalità schermo diviso (sinistra) e modalità formato libero (destra).

Android 12 (livello API 31) e versioni successive è in modalità multi-finestra per impostazione predefinita: su schermi di grandi dimensioni, tutte le app vengono eseguite in modalità multi-finestra, indipendentemente dalla configurazione. Nelle versioni precedenti fino ad Android 7.0 (livello API 24), devi configurare l'app in modo che sia ridimensionabile per supportare la modalità multi-finestra.

Per informazioni sul multitasking in modalità multi-finestra, consulta l'articolo sul supporto della modalità multi-finestra.

Trascina

I dispositivi pieghevoli con schermi di grandi dimensioni offrono un ampio spazio sullo schermo per le interazioni tramite trascinamento. La modalità multi-finestra sui pieghevoli consente di trascinare le app tra le app.

Le interazioni tramite trascinamento creano un'esperienza utente produttiva e coinvolgente. Aggiungi funzionalità di trascinamento alla tua app usando il framework di trascinamento di Android. Per ulteriori informazioni, vedi Trascinamento.

Risorse aggiuntive