Creare UI basate su View su Wear OS

Prova Compose

Jetpack Compose su Wear OS è il toolkit UI consigliato per Wear OS.

Prova Compose su Wear OS →

Android Jetpack include la libreria UI di Wear OS. La libreria UI di Wear OS include le seguenti classi:

• CurvedTextView: un componente per scrivere facilmente testo che segue la curvatura del cerchio più grande che può essere inscritto nella visualizzazione.
• DismissibleFrameLayout: un layout che consente all'utente di chiudere qualsiasi visualizzazione premendo il pulsante Indietro o scorrendo sullo schermo da sinistra a destra. Gli utenti di Wear OS si aspettano di scorrere da sinistra a destra per l'azione Indietro.
• WearableRecyclerView: una visualizzazione che fornisce una logica di offset di base per l'aggiornamento dei layout secondari utilizzando un WearableLinearLayoutManager.
• AmbientModeSupport: una classe utilizzata con l'interfaccia AmbientModeSupport.AmbientCallbackProvider per fornire il supporto per la modalità Ambient.

Per un elenco completo, leggi le note di rilascio.

Aggiungere una dipendenza dalla libreria UI di Wear OS

Per iniziare a creare app, crea un progetto specifico per Wear OS. Poi aggiungi le seguenti dipendenze al file build.gradle dell'app:

dependencies {
    ...
  // Standard Wear OS libraries
  implementation "androidx.wear:wear:1.2.0"
  // includes support for wearable specific inputs
  implementation "androidx.wear:wear-input:1.1.0"
}

Importare classi dal pacchetto della libreria UI di Wear OS

Per utilizzare una classe della libreria UI di Wear OS, importala dal androidx.wear.widget pacchetto.

Utilizzare i nomi degli elementi corretti nei file di layout

Nei file di layout, utilizza nomi completi che corrispondono alla libreria UI di Wear OS.

Ad esempio, per utilizzare la classe DismissibleFrameLayout della libreria UI di Wear OS, puoi specificare quanto segue in un file di layout:

<androidx.wear.widget.DismissibleFrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/swipe_dismiss_root" >

    <TextView
        android:id="@+id/test_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="Swipe the screen to dismiss me." />
</androidx.wear.widget.DismissibleFrameLayout>