Tecnologia

5 incríveis designs de barra de progresso personalizados feitos com o Jetpack Compose

#1:

Existem dois indicadores – primeiro plano e segundo plano. O indicador de primeiro plano é um arco e o de fundo é um círculo. Ao clicar no botão, um valor aleatório será gerado e o indicador de primeiro plano será atualizado com o valor com uma bela animação.

Código Fonte: Barra de Progresso Circular 1

#2:

Este é o mesmo que o anterior, mas as larguras dos indicadores são diferentes.

Código Fonte: Barra de Progresso Circular 2

#3:

Tem um efeito de sombra. É aplicado abaixo do indicador de primeiro plano.

Código Fonte: Barra de Progresso Circular 3

#4:

É uma barra de progresso em forma de arco.

Código Fonte: Barra de Progresso do Arco

#5:

É uma barra de progresso gradiente. O indicador de primeiro plano avança com uma bela animação. Ele usa ViewModel para executar a operação em segundo plano.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Botão Voltar ao topo