Layout di design adattivo comuni
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
I layout di design comuni, noti anche come layout di design canonici, sono layout di app comprovati e versatili che offrono un'esperienza utente ottimale sull'ampia gamma di dimensioni dello schermo disponibili con Wear OS.
Utilizza i principi di UI adattabili e reattivi per offrire un'esperienza di alta qualità a tutti. Le UI adattive si estendono e cambiano per sfruttare al meglio tutto lo spazio sullo schermo disponibile, indipendentemente dalle dimensioni dello schermo su cui vengono visualizzate.
Le UI adattabili cambiano in modo reattivo, utilizzando componenti e metodi integrati direttamente nella logica del layout. Questi layout utilizzano anche breakpoint per le dimensioni dello schermo, applicando un design diverso a schermi di dimensioni diverse, per creare un'esperienza ancora più ricca per tutti.
Utilizzare layout comuni consolidati
Utilizza layout canonici consolidati per consentire alle UI di adattarsi senza problemi a una gamma di dimensioni dei dispositivi. Questi layout canonici offrono un'esperienza di alta qualità su tutti gli schermi.
Riquadri (layout non scorrevoli)
Le schede sono layout di visualizzazione non scorrevoli che forniscono un accesso rapido alle informazioni e alle azioni necessarie per svolgere attività. Con uno scorrimento dal quadrante, un
utente può vedere i progressi verso i suoi obiettivi di fitness, controllare il
clima e altro ancora. Avvia un'app o svolgi rapidamente le attività essenziali dai riquadri.
App (layout scorrevoli)
I layout delle visualizzazioni dell'app scorrevoli includono elenchi (ScalingLazyColumn) e finestre di dialogo.
Questi layout costituiscono la maggior parte delle schermate delle app e rappresentano una raccolta di componenti che devono adattarsi a dimensioni dello schermo più grandi.
App (layout non scorrevoli)
I layout delle visualizzazioni dell'app non scorrevoli includono lettori multimediali, selettori, selettori, alcune dialoghi e schermate speciali per il fitness o il monitoraggio che utilizzano indicatori di avanzamento.
I campioni di contenuti e codice in questa pagina sono soggetti alle licenze descritte nella Licenza per i contenuti. Java e OpenJDK sono marchi o marchi registrati di Oracle e/o delle sue società consociate.
Ultimo aggiornamento 2025-07-26 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2025-07-26 UTC."],[],[],null,["# Common adaptive design layouts\n\nCommon design layouts---also known as canonical design layouts---are proven,\nversatile app layouts that provide an optimal user experience on the wide\nvariety of screen sizes that are available with Wear OS.\n\nUse adaptive and responsive UI principles to deliver the highest quality\nexperience for everyone. Adaptive UIs stretch and change to make the most of\nall available screen space, no matter what size screen they're rendered on.\n\nAdaptive UIs change responsively, using components and methods built directly\ninto the layout logic. These layouts also utilize screen size\nbreakpoints---applying a different design on different screen sizes---to create an\neven richer experience for everyone.\n\nUse established common layouts\n------------------------------\n\nUse established canonical layouts to help your UIs adapt smoothly across a\nrange of device sizes. These canonical layouts offer a high quality experience\nacross all screen sizes.\n\n\n**Tiles (non-scrolling layouts)**\n\nTiles are non-scrolling view layouts which provide quick access to information\nand actions users need to get things done. With a swipe from the watch face, a\nuser can see how they are progressing towards their fitness goals, check the\nweather, and more. Launch an app or get essential tasks done quickly from tiles. \n\n**Apps (scrolling layouts)**\n\nScrolling app view layouts include lists (`ScalingLazyColumn`) and dialogs.\nThese layouts make up the majority of app screens, and they represent a\ncollection of components which need to adapt to larger screen sizes. \n\n**Apps (non-scrolling layouts)**\n\nNon-scrolling app view layouts include media players, pickers, switchers, some\ndialogs, and special fitness or tracking screens that use progress indicators.\n\n\u003cbr /\u003e"]]
