É possível oferecer suporte a vários links em uma única string de texto para dar opções aos usuários e aumentar o engajamento.

• Kotlin

É possível estilizar partes do texto para melhorar a legibilidade, aumentar a experiência positiva do usuário e incentivar uma maior criatividade usando cores e fontes.

• Kotlin

É possível validar a entrada conforme o usuário digita em um campo de texto, como inserir um nome, e-mail, endereço ou outros dados de contato. Essa validação reduz erros e economiza o tempo dos usuários.

• Kotlin

Para mostrar imagens no app para conteúdo e respostas a ações do usuário, carregue as imagens do disco ou de uma fonte externa na Internet.

• Kotlin

Crie uma barra de apps superior para ajudar os usuários a navegar e acessar funções no app usando o elemento combinável TopAppBar.

Um card oferece um contêiner do Material Design para sua interface.

Saiba como animar valores de estado, usando transições, animando visibilidade ou mudanças de tamanho e crossfades com as APIs de animação do Compose.

Uma barra de apps é um contêiner na parte de cima ou de baixo da tela que contém os principais recursos e itens de navegação.

Saiba como gerenciar mudanças na configuração de teclados destacáveis.

• Java
• Kotlin

Saiba como usar as APIs do Compose projetadas especificamente para desenhar texto em uma tela. Este segmento mostra o código para desenhar uma fonte de emoji em um retângulo arredondado.

Um indicador de progresso mostra o status de uma operação.

Você pode criar um ícone para ocultar ou mostrar uma senha com base em uma chave seletora do usuário para melhorar a segurança e a experiência do usuário.

• Kotlin

É possível criar uma experiência de usuário mais interativa e envolvente no app carregando um arquivo drawable para mostrar imagens animadas. As imagens animadas são úteis para criar indicadores de carregamento, sucesso ou erro, facilitar o desenvolvimento de jogos e várias outras funções da interface.

• Kotlin

Restringir a orientação do app em telas pequenas, mas não em telas grandes.

• Kotlin
• Java

Crie uma lista de paginação para que os usuários possam rolar para acessar conteúdo muito grande para caber em uma única tela. As listas de paginação horizontal podem ajudar os usuários a navegar pelo conteúdo, como imagens, apresentações de slides ou carrosséis de produtos. As listas de paginação vertical são úteis para apps com muito conteúdo, em que os usuários precisam rolar um grande número de itens, como artigos.

Crie seus primeiros testes do Jetpack Compose. Aprenda a usar os artefatos de teste do Compose para criar testes de interface, usar regras de teste, localizadores e declarações.

Você pode desenhar sombras ao redor da área cortada da imagem para exibir uma imagem na forma de um clipe.

• Kotlin

Você pode usar um botão de alternância para permitir que os usuários escolham um dos dois estados.

Escolha o componente certo para sua interface e saiba como implementá-lo no app.

Um componente de ícone representa visualmente entidades complexas, geralmente com um ícone e um rótulo.

Um botão aciona uma ação específica.

Gerenciar o estado de uma WebView em mudanças de configuração.

• Java
• Kotlin

As caixas de diálogo mostram mensagens pop-up ou solicitam a entrada do usuário em uma camada acima do conteúdo principal do app.

As listas roláveis ajudam a gerenciar conjuntos de dados, criar designs responsivos e facilitar a navegação. Para mostrar um conjunto finito de itens no app, crie uma lista rolável usando os modificadores "verticalScroll" ou "horizontalScroll".

• Kotlin

Rejeitar toques acidentais da palma da mão na stylus.

• Java
• Kotlin

Permita que seu app ofereça suporte a uma experiência do usuário otimizada em tablets, dispositivos dobráveis e ChromeOS.

Um botão de ação flutuante permite que o usuário realize uma ação principal no app.

• Kotlin

É possível gerenciar grandes conjuntos de dados e conteúdo dinâmico com grids lentos, melhorando a performance do app. Com os elementos combináveis de grade lenta, você pode mostrar itens em um contêiner rolável, dividido em várias colunas ou linhas.

• Kotlin

Uma gaveta de navegação é um menu de navegação deslizante.

Saiba como criar designs complexos para seus layouts do Compose, com foco na fase de layout e restrições, layouts de subcomposição e medições intrínsecas.

Uma página inferior mostra conteúdo secundário na parte de baixo da tela.

Um esqueleto une diferentes partes da interface, como barras de apps e botões de ação flutuantes, dando aos apps uma aparência coerente.

Crie uma barra de app inferior para ajudar os usuários a navegar e acessar funções no app.

• Kotlin

Um snackbar mostra uma notificação breve na parte de baixo da tela.

Um controle deslizante de intervalo permite que os usuários façam seleções em um intervalo de valores.

O Compose oferece uma maneira mais simples e eficiente de criar listas de rolagem, usando menos linhas de código do que a RecyclerView. Aprenda a usar layouts lentos para criar listas que permitem adicionar conteúdo às listas sob demanda.

Adicione recursos de acessibilidade ao seu app. Saiba como aumentar o alcance e a versatilidade do app com pouco trabalho.

É possível mostrar itens de rolagem aninhados em uma lista para apresentar layouts complexos, como catálogos de produtos, galerias de mídia, feeds de notícias e muito mais. A apresentação do conteúdo dessa forma pode melhorar a usabilidade do app, facilitando a navegação dos usuários.

• Kotlin

Com os indicadores de página, você pode ajudar os usuários a entender a posição atual deles no conteúdo do app, fornecendo uma indicação visual do progresso.

• Kotlin

Saiba como o estado flui pelo app baseado no Compose e como o framework pode atualizar automaticamente a interface para mostrar novos valores. Saiba como criar estados observáveis, como manter o estado em recomposições ou mudanças de configuração e como estruturar os elementos combináveis para um fluxo de dados ideal.

Você pode mostrar um botão para que o usuário role para um ponto específico em uma lista, economizando tempo e aumentando o engajamento do usuário.

• Kotlin

Você pode formatar automaticamente um número de telefone em um campo de texto para economizar tempo e aumentar o engajamento, a produtividade e a eficiência do usuário.

• Kotlin

Você pode mesclar ou sobrepor imagens de origem para mostrar imagens em camadas em uma tela. Por exemplo, é possível replicar como o Android Framework gera ícones de apps combinando drawables de primeiro e segundo planos separados.

• Kotlin

É possível filtrar uma lista de strings com base na entrada de texto para atualizar dinamicamente uma lista com base nas consultas de pesquisa do usuário.

• Kotlin

Depois de se sentir confortável trabalhando no Compose, comece a desenhar seus próprios componentes personalizados. Este vídeo mostra como começar a desenhar de forma personalizada.

Uma análise de depuração de um problema de desempenho no Jetsnack e como corrigi-lo no Jetpack Compose. Saiba por que adiar a leitura do estado usando uma lambda significa que a composição pode ser ignorada.

Torne seu app interativo permitindo que os usuários insiram texto e outras entradas.

A rolagem de paralaxe é uma técnica em que o conteúdo de primeiro e segundo plano rola em velocidades diferentes. É possível implementar essa técnica para aprimorar a interface do app, criando uma experiência mais dinâmica à medida que os usuários rolam a tela.

• Kotlin

Saiba como os insets se comunicam com o app onde as decorações do sistema são colocadas e como as APIs do Compose ajudam a mover o conteúdo automaticamente com as barras do sistema, o teclado de software e a barra de tarefas. Não tenha medo de ir de ponta a ponta!

Use a biblioteca Paging para oferecer suporte a grandes listas de itens, incluindo uma lista infinita, no seu app carregando e exibindo dados de forma incremental. Com o carregamento lento, é possível reduzir os tempos de carregamento iniciais e otimizar o uso da memória, melhorando o desempenho.

• Kotlin

Melhore a usabilidade e o apelo estético do seu app personalizando a forma como ele exibe o texto.

Conheça os componentes lentos do Compose que facilitam a exibição de listas de itens. Saiba como mostrar diferentes tipos de itens e até mesmo como implementar cabeçalhos fixos. Saiba como controlar ou reagir às mudanças de posição de rolagem de forma programática.

Essas cinco animações rápidas e fáceis podem ajudar a dar vida ao seu app em apenas alguns minutos. Destaque seu app do Compose, mesmo que você não tenha tempo para aprender tudo sobre animações.

Use estes guias rápidos para criar um esqueleto de tela inicial, que pode ajudar a dar à tela inicial do seu app uma aparência coerente.

Você pode usar uma lista com vários tipos de itens para mostrar tipos de conteúdo mistos, como texto, imagens e elementos interativos.

• Kotlin

Mantenha o estado do RecyclerView durante mudanças de configuração.

• Kotlin
• Java

Esta série de vídeos apresenta várias APIs do Compose, mostrando rapidamente o que está disponível e como usá-las.

Mostre e organize coleções de itens de maneira eficiente com listas e grades.

É possível animar a aparência do texto caractere por caractere, para que pareça um efeito de digitação em streaming.

• Kotlin

Trabalhar com imagens na tela usando um vetor, um mapa de bits ou um desenho feito diretamente em um canvas na tela.