Creare app adattive per ChromeOS

I dispositivi ChromeOS, come i Chromebook, forniscono un ambiente simile a un desktop unico per le app Android. Gli utenti si aspettano che le app si comportino come applicazioni desktop, con finestre ridimensionabili, un solido supporto per tastiera e mouse e layout ad alta produttività.

Considerazioni chiave per ChromeOS

  • Finestre desktop: le app su ChromeOS vengono in genere eseguite in finestre a forma libera che possono essere ridimensionate, ingrandite o affiancate. Utilizza le classi di dimensioni delle finestre per assicurarti che l'app adatti il layout in modo fluido al variare delle dimensioni della finestra.
  • Input da tastiera e input del mouse: a differenza dei dispositivi touch-first, ChromeOS si concentra sull'input fisico. Assicurati che la tua app supporti:
    • Scorciatoie da tastiera: azioni comuni (come Ctrl+C/V) e scorciatoie specifiche dell'app.
    • Interazioni con il mouse: menu contestuali con il tasto destro, supporto della rotellina di scorrimento, e stati di passaggio del mouse per gli elementi interattivi.
  • Display integrato: i display dei Chromebook sono spesso più grandi dei tablet. Sfrutta questo spazio utilizzando layout a più riquadri e componenti di navigazione espansi.
  • Display esterni: molti utenti ChromeOS collegano i propri dispositivi a monitor esterni. Supporta i display collegati per offrire un'esperienza multi-schermo senza interruzioni.

Strategie di adattamento

  1. Ottimizza per la produttività: implementa layout canonici come l'elenco-dettagli per visualizzare più informazioni su un display ChromeOS di grandi dimensioni, riducendo la necessità di transizioni frequenti tra le schermate.
  2. Gestisci le modifiche alla configurazione: assicurati che l'app mantenga lo stato durante il ridimensionamento della finestra per evitare la perdita di dati o la reimpostazione dell'interfaccia utente.
  3. Perfeziona la navigazione: utilizza NavigationSuiteScaffold per passare automaticamente a una barra di navigazione o a un riquadro di navigazione quando la finestra dell'app viene espansa su uno schermo desktop.

Scopri di più

Per indicazioni sullo sviluppo per ChromeOS, vedi Dispositivi ChromeOS.