Suporte a vários links em uma única string de texto
Updated 22 de fevereiro de 2025
É 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.
- HowTo
22 de fevereiro de 2025
Estilo de partes do texto
Updated 22 de fevereiro de 2025
É 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.
- HowTo
22 de fevereiro de 2025
Validar a entrada conforme o usuário digita
Updated 22 de fevereiro de 2025
É 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.
- HowTo
22 de fevereiro de 2025
Carregar e mostrar imagens
Updated 22 de fevereiro de 2025
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.
- HowTo
22 de fevereiro de 2025
Mostrar uma barra de apps na parte de cima
Updated 6 de fevereiro de 2025
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.
- HowTo
6 de fevereiro de 2025
Criar um card como um contêiner
Updated 6 de fevereiro de 2025
Um card oferece um contêiner do Material Design para sua interface.
- HowTo
6 de fevereiro de 2025
Animação no Compose
5 minutos
Updated 6 de fevereiro de 2025
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.
- Vídeo
6 de fevereiro de 2025
Mostrar uma barra de apps
Updated 6 de fevereiro de 2025
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.
- HowTo
6 de fevereiro de 2025
Gerenciar mudanças na configuração do teclado removível
Updated 6 de fevereiro de 2025
Saiba como gerenciar mudanças na configuração de teclados destacáveis.
- HowTo
6 de fevereiro de 2025
Desenhar texto no Compose
2 minutos
Updated 6 de fevereiro de 2025
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.
- Vídeo
6 de fevereiro de 2025
Criar um indicador de progresso
Updated 6 de fevereiro de 2025
Um indicador de progresso mostra o status de uma operação.
- HowTo
6 de fevereiro de 2025
Mostrar ou ocultar a senha com base em uma opção do usuário
Updated 6 de fevereiro de 2025
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.
- HowTo
6 de fevereiro de 2025
Mostrar uma imagem animada
Updated 6 de fevereiro de 2025
É 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.
- HowTo
6 de fevereiro de 2025
Restringir a orientação do app em smartphones, mas não em dispositivos de tela grande
Updated 6 de fevereiro de 2025
Restringir a orientação do app em telas pequenas, mas não em telas grandes.
- HowTo
6 de fevereiro de 2025
Mostrar uma lista de paginação
Updated 6 de fevereiro de 2025
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.
- HowTo
6 de fevereiro de 2025
Como testar no Compose
4 minutos
Updated 6 de fevereiro de 2025
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.
- Vídeo
6 de fevereiro de 2025
Mostrar uma imagem cortada em uma forma
Updated 6 de fevereiro de 2025
Você pode desenhar sombras ao redor da área cortada da imagem para exibir uma imagem na forma de um clipe.
- HowTo
6 de fevereiro de 2025
Adicionar um botão que os usuários podem ativar ou desativar
Updated 6 de fevereiro de 2025
Você pode usar um botão de alternância para permitir que os usuários escolham um dos dois estados.
- HowTo
6 de fevereiro de 2025
Mostrar componentes interativos
Updated 6 de fevereiro de 2025
Escolha o componente certo para sua interface e saiba como implementá-lo no app.
- HowTo
6 de fevereiro de 2025
Criar um ícone para representar entidades complexas
Updated 6 de fevereiro de 2025
Um componente de ícone representa visualmente entidades complexas, geralmente com um ícone e um rótulo.
- HowTo
6 de fevereiro de 2025
6 de fevereiro de 2025
Gerenciar o estado da WebView
Updated 6 de fevereiro de 2025
Gerenciar o estado de uma WebView em mudanças de configuração.
- HowTo
6 de fevereiro de 2025
Mostrar mensagens pop-up ou solicitações de entrada do usuário
Updated 6 de fevereiro de 2025
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.
- HowTo
6 de fevereiro de 2025
Criar uma lista rolável finita
Updated 6 de fevereiro de 2025
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".
- HowTo
6 de fevereiro de 2025
Rejeitar toques da palma da mão na stylus
Updated 6 de fevereiro de 2025
Rejeitar toques acidentais da palma da mão na stylus.
- HowTo
6 de fevereiro de 2025
Otimizar para telas grandes
Updated 6 de fevereiro de 2025
Permita que seu app ofereça suporte a uma experiência do usuário otimizada em tablets, dispositivos dobráveis e ChromeOS.
- HowTo
6 de fevereiro de 2025
Criar um botão de ação flutuante (FAB)
Updated 6 de fevereiro de 2025
Um botão de ação flutuante permite que o usuário realize uma ação principal no app.
- HowTo
6 de fevereiro de 2025
Criar uma grade rolável
Updated 6 de fevereiro de 2025
É 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.
- HowTo
6 de fevereiro de 2025
Criar um menu deslizante com o componente da gaveta de navegação
Updated 6 de fevereiro de 2025
Uma gaveta de navegação é um menu de navegação deslizante.
- HowTo
6 de fevereiro de 2025
Layouts avançados no Compose
13 minutos
Updated 6 de fevereiro de 2025
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.
- Vídeo
6 de fevereiro de 2025
Criar uma página inferior
Updated 6 de fevereiro de 2025
Uma página inferior mostra conteúdo secundário na parte de baixo da tela.
- HowTo
6 de fevereiro de 2025
Criar um componente de esqueleto para manter a interface unida
Updated 6 de fevereiro de 2025
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.
- HowTo
6 de fevereiro de 2025
Mostrar uma barra de apps na parte de baixo
Updated 6 de fevereiro de 2025
Crie uma barra de app inferior para ajudar os usuários a navegar e acessar funções no app.
- HowTo
6 de fevereiro de 2025
Criar uma notificação com uma barra de informações
Updated 6 de fevereiro de 2025
Um snackbar mostra uma notificação breve na parte de baixo da tela.
- HowTo
6 de fevereiro de 2025
Criar um controle deslizante para um intervalo de valores
Updated 6 de fevereiro de 2025
Um controle deslizante de intervalo permite que os usuários façam seleções em um intervalo de valores.
- HowTo
6 de fevereiro de 2025
Listas lentas no Compose
24 minutos
Updated 6 de fevereiro de 2025
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.
- Vídeo
6 de fevereiro de 2025
Acessibilidade no Compose
5 minutos
Updated 6 de fevereiro de 2025
Adicione recursos de acessibilidade ao seu app. Saiba como aumentar o alcance e a versatilidade do app com pouco trabalho.
- Vídeo
6 de fevereiro de 2025
Mostrar itens de rolagem aninhados em uma lista
Updated 6 de fevereiro de 2025
É 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.
- HowTo
6 de fevereiro de 2025
Adicionar um indicador de página personalizado
Updated 6 de fevereiro de 2025
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.
- HowTo
6 de fevereiro de 2025
Estado no Compose
5 minutos
Updated 6 de fevereiro de 2025
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.
- Vídeo
6 de fevereiro de 2025
Criar um botão para ativar a rolagem de ajuste
Updated 6 de fevereiro de 2025
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.
- HowTo
6 de fevereiro de 2025
Formatar automaticamente um número de telefone em um campo de texto
Updated 6 de fevereiro de 2025
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.
- HowTo
6 de fevereiro de 2025
Mostrar imagens em camadas em uma tela
Updated 6 de fevereiro de 2025
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.
- HowTo
6 de fevereiro de 2025
Filtrar uma lista enquanto você digita
Updated 6 de fevereiro de 2025
É 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.
- HowTo
6 de fevereiro de 2025
Introdução ao desenho no Compose
9 minutos
Updated 6 de fevereiro de 2025
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.
- Vídeo
6 de fevereiro de 2025
Recomposição da depuração no Compose
7 minutos
Updated 6 de fevereiro de 2025
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.
- Vídeo
6 de fevereiro de 2025
Solicitar entrada do usuário
Updated 6 de fevereiro de 2025
Torne seu app interativo permitindo que os usuários insiram texto e outras entradas.
- HowTo
6 de fevereiro de 2025
Criar um efeito de rolagem de paralaxe
Updated 6 de fevereiro de 2025
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.
- HowTo
6 de fevereiro de 2025
Insets no Compose
6 minutos
Updated 6 de fevereiro de 2025
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!
- Vídeo
6 de fevereiro de 2025
Carregar dados de forma lenta com listas e paginação
Updated 6 de fevereiro de 2025
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.
- HowTo
6 de fevereiro de 2025
Texto de exibição
Updated 6 de fevereiro de 2025
Melhore a usabilidade e o apelo estético do seu app personalizando a forma como ele exibe o texto.
- Vídeo
- HowTo
6 de fevereiro de 2025
Listas no Compose
5 minutos
Updated 6 de fevereiro de 2025
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.
- Vídeo
6 de fevereiro de 2025
Cinco animações rápidas no Compose
7 minutos
Updated 6 de fevereiro de 2025
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.
- Vídeo
6 de fevereiro de 2025
Criar um scaffold da tela inicial
Updated 6 de fevereiro de 2025
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.
- Vídeo
- HowTo
6 de fevereiro de 2025
Criar uma lista usando vários tipos de itens
Updated 6 de fevereiro de 2025
Você pode usar uma lista com vários tipos de itens para mostrar tipos de conteúdo mistos, como texto, imagens e elementos interativos.
- HowTo
6 de fevereiro de 2025
Gerenciar o estado da RecyclerView
Updated 6 de fevereiro de 2025
Mantenha o estado do RecyclerView durante mudanças de configuração.
- HowTo
6 de fevereiro de 2025
Conceitos básicos do Compose
Updated 6 de fevereiro de 2025
Esta série de vídeos apresenta várias APIs do Compose, mostrando rapidamente o que está disponível e como usá-las.
- Vídeo
6 de fevereiro de 2025
Mostrar uma lista ou grade
Updated 6 de fevereiro de 2025
Mostre e organize coleções de itens de maneira eficiente com listas e grades.
- HowTo
- Vídeo
6 de fevereiro de 2025
Animar a aparência do texto caractere por caractere
Updated 6 de fevereiro de 2025
É possível animar a aparência do texto caractere por caractere, para que pareça um efeito de digitação em streaming.
- HowTo
6 de fevereiro de 2025
Exibir imagens
Updated 6 de fevereiro de 2025
Trabalhar com imagens na tela usando um vetor, um mapa de bits ou um desenho feito diretamente em um canvas na tela.
- HowTo
- Vídeo
6 de fevereiro de 2025