Personalizando tela de login no Android com o Jetpack Compose

Подписаться 3,7 тыс.

Просмотров 1,7 тыс.

50% 1

Essa é a continuação do vídeo que cria uma tela de login no Android - • Criando uma tela de au...
Aprenda como personalizar composables com Modifier. Sabia como inserir labels e ícones em campos de textos e como acessar os ícones do material design no Jetpack Compose.
Entenda como implementar eventos para criar objetos com as informações esperadas, como por exemplo, objetos para representar um usuário a partir de higher-order functions.
Materiais de auxílio
Compatibilidade com densidades de pixel diferentes - developer.andr...
Catálogo de ícones do Material Design - fonts.google.c...
Extensão de ícones do Material Design para o Jetpack Compose - developer.andr...
Expressão lambda, tipo função e funções de alta ordem no Kotlin - dev.to/alexfel...
🔔 Novo no canal? Então inscreva, diga o que achou nos comentários e se curtiu o conteúdo, aproveita pra deixar o like também 😉
----------------------------------------------------------------------------------------------------------
Quem é Alex Felipe?
Sou desenvolvedor há mais de 7 anos com foco em Android, Kotlin e Java. Já tive experiência em Front-End e Back-End também, mas me especializei em desenvolvimento de Apps nativo Android. Atualmente sou instrutor na Alura e gravo conteúdos sobre desenvolvimentos de Apps Android de uma forma geral.
----------------------------------------------------------------------------------------------------------
Você pode conhecer mais sobre mim e meu trabalho nas minhas redes sociais
LinkedIn - / alex-felipe
GitHub - github.com/ale...
Twitter - / alexfelipi
Dev.to - dev.to/alexfelipe
Medium - / alex.felipe

Опубликовано:

8 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 32

@emanuelrs_ Год назад

Torço por mais vídeos sobre Compose. A sua didática é muito boa. Valeu Alex!!!

@AlexFelipeDev Год назад

Pode ficar tranquilo que vai ter bastante! hehe Valeu pelo feedback, Emanuel!

@FabioRuning 14 дней назад

top

@CadetuRodrigoo Год назад

Excelente vídeo, excelente didática. Mais uma vez me ajudando a seguir firme nos estudos!

@AlexFelipeDev Год назад

Booooooa, Rodrigo! E logo mais vem novidade, ein! 👀

@antonio195br Год назад

A forma que você ensina é perfeita. Estou fazendo os cursos de Jetpack Compose que você apresenta na Alura e gosto bastante. Lá é mais lento, mas ainda assim é muito bom.

@AlexFelipeDev Год назад

Opa, Antonio! Vlw pelo feedback! Massa que está acompanhando os cursos hehe E sim, na Alura precisa ser um ritmo mais tranquilo muito por conta dos feedbacks gerais de alunos, existe uma preferência naquele ritmo e quem gosta de mais acelerado pode ajustar a velocidade do vídeo 😅

@antonio195br Год назад

@@AlexFelipeDev Sim, entendo. Eu aumento a velocidade também kkk. Aqui eu gostei que foi mais direto ao ponto, creio que a proposta seja ser um pouco mais direto. De qualquer forma, tanto aqui quanto lá são conteudos de ótima qualidade. Obrigado por compartilhar seu conhecimento.

@AlexFelipeDev Год назад

@@antonio195br exatamente! Vlw, Antônio!

@renan.odilon Год назад

Ótimo, vídeo, Alex, parabéns pela didática!

@AlexFelipeDev Год назад

Valeu, Renan! 😊

@felipeoliveirarodrigues9579 3 месяца назад

A sua didática é muito boa, direto ao ponto. Fiquei com algumas dúvidas, como por exemplo aquela function ao final do evento, pelo que entendi é necessário uma função de callback que vai tratar disso.

@AlexFelipeDev 3 месяца назад

Vlwww, Felipe! Ela já é a função que vai ser executada ao acontecer o evento de clique, dentro dela, você vai colocar o código que quer executar, seja fazer uma navegação, validação, salvar dados etc

@ramondiegodiego2652 Год назад

Muito bom Alex, achei muito interessante o conteúdo. Gostaria muito de ver o tema de animações no compose

@AlexFelipeDev Год назад

Esse já está na minha listinha, talvez vai ser um dos próximos que irei gravar, pra fazer uma intro das animações que já estão prontas e deixa os nossos Apps top!

@celsofarias1762 8 месяцев назад

Funções de ordem superiores 😎

@AlexFelipeDev 8 месяцев назад

é uma das ferramentas que mais curto no Kotlin!

@priscilaramos2578 Год назад

Muito bom, obrigada pelo conteúdo :)

@AlexFelipeDev Год назад

Eu que agradeço o apoio, Priscila!

@DanielLuche Год назад

Show mestre. Dúvida: Esses videos de compose serão somente dedicados a UI ou também vai trazer integração com viewmodel, criação de viewstate etc.

@AlexFelipeDev Год назад

Eu quero trazer temas variados e que aparecerem geralmente nos diversos Apps. Até como um spoiler para o momento atual, gravei um de coil que vai sair em breve, e hoje terminei um de navegação. Acho que o próximo será sobre animação e provavelmente vem o de gerenciamento de estado que possibilita uma boa introção de ViewModel! É bastante coisa, então preciso me organizar bem para ficar interessante para a galera hehe Valeu pelo comentário, Daniel! Pode deixar que logo mais vai rolar!

@achaveparadespertar 2 месяца назад

Boa tarde, Alex na nova versão do Android Studio nao e mais assim que importa dependências, pesquisei pela net mais naj achei nova forma vc pode me dizer como faço pra por a lib dos icones pois dessa forma ai do video nao vai

@AlexFelipeDev 2 месяца назад

Opa, Luffy, de boas? Provavelmente vc deve estar falando do version catalog, tem vídeo aqui no canal explicando como faz ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-wnBfrrBPOXM.html

@lipenhu Год назад

Uma duvida, nese caso nao seria melhor colocar padding na coluna (nao sei se isso é possive) mas ai voce nao teria que ficar setando esse pedding no botao nem nos text fields .. existe essa possibilidade? Abraços

@AlexFelipeDev Год назад

Sim, em casos que a aplicação de espaçamento é pra ser o mesmo, o ideal é delegar para o parent de layout, nesse caso o Column. Para fazer isso, pode aplicar o Modifier.padding() para o espaçamento geral, e então, o verticalArrangement = Arrangement.spacedBy() enviando o valor esperado para aplicar espaçamento igual para todos os elementos.

@lipenhu Год назад

@@AlexFelipeDev uma duvida, que aconteceu aqui tbm, no emulador a cor ficou roxa mas no preview é um esverdeado , sabe me dizer o pq disso? qdo der faz um vídeo também falando sobre temas configurações de cores, mais uma vez obrigado!!

@AlexFelipeDev Год назад

No preview vc envolve os composables no tema? Isso é necessário para manter o mesmo visual no App e preview. E quando fala a cor, seria de todos os componentes ou alguma outra coisa em específica?

@lipenhu Год назад

@@AlexFelipeDev todos , ainda tô me acostumando pois no flutter por exemplo appbar já vem com a cor padronizada , as cores parecem que mudam dinamicamente ... no compose ela me parece que vem transparente branca... Tô caçando como mudar a cor dela.. rs é questão de costume , uma dúvida você que já é experiente vc acharia melhor focar pra entrar no mercado no nativo ou algum frame híbrido?

@AlexFelipeDev Год назад

@@lipenhu o que pode estar acontecendo é uma configuração nova em projetos novas que já aplica o dynamic colors, se for esse o caso, vai precisar remover manualmente no arquivo Theme.kt. quanto a parte de mercado, primeiro vai depende onde quer trabalhar, e então, avaliar quantidade de vagas vs quantidade de pessoas que aplicam para as vagas. Para conseguir a primeira oportunidade, imagino que híbrido pode ser um caminho mais fácil, pois parece ter uma quantidade de vagas maiores, mas, vem a parte da concorrência que aparentemente é maior tbm. Quanto a nativo, pode ser que encontre uma concorrência menor, e talvez, a quantidade de oportunidade para quem está começando seja menor tbm... Por isso é difícil indicar a melhor escolha, sendo assim, eu sugiro que foque nas vagas que pretende concorrer e estude, seja híbrido ou nativo, e também, foque em aprender bem o básico, como syntax das linguagens, paradigmas como OO ou funcional, patterns, testes, arquitetura etc