Criar IUs baseadas em visualização no Wear OS

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

O Android Jetpack facilita a criação de interfaces do usuário consistentes e otimizadas para apps em diferentes plataformas e dispositivos. O Android Jetpack inclui a Biblioteca de IU do Wear OS, que contém muitos dos componentes de IU preferenciais para apps para Wear OS.

A Biblioteca de IU do Wear OS inclui, entre outras, as seguintes classes:

Para ver uma lista completa, consulte as notas da versão.

Adicionar uma dependência à Biblioteca de IU do WearOS

Para começar a criar sobreposições para o app, crie um projeto específico do Wear OS. Em seguida, adicione as seguintes dependências ao arquivo build.gradle do 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"
}

Importar classes do pacote da Biblioteca de IU do Wear OS

Ao usar uma classe da Biblioteca de IU do Wear OS, importe-a do pacote androidx.wear.widget. Consulte o Exemplo de uso de uma classe da biblioteca.

Usar os nomes de elementos corretos em arquivos de layout

Nos arquivos de layout, use nomes totalmente qualificados que correspondam à Biblioteca de IU do Wear OS.

Por exemplo, para usar a classe DismissibleFrameLayout da Biblioteca de IU do Wear OS, especifique o seguinte em um arquivo de 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>