Opa beleza aqui é o tiang e hoje vou estar falando aí sobre os os componentes visuais né sobre a importância deles né Ant queria mostrar o blog que eu falo sobre desenvolvimento web Android avaliação de S empreendedorismo se você curtiu só dá um like Eu também estou no plus Twitter e YouTube colocando vídeo aí todo dia mas enfim vamos que interessa e aqui eu já queria mostrar o o diagram Zinho que eu vou utilizar tá esse diagrama aqui é da literatura que eu utilizo que é o Google Android do Ricardo lecheta ela não é um
não é um diagrama completo tá se você quiser um diagrama completo destrinchar se você quiser destrinchar todos os componentes visuais Você vai no Google aí dá uma gugada vi os Android e coloca imagens que você vai ter algo similar a isso daqui isso aquii acho que o que mais tem é o mais atual que tem se eu não me engano porque ele já não tem nenhum Absolute layout que se eu não me engano também o Absolute layout ele tá depreciado Tá mas enfim objetivo aqui é mostrar mesmo eh a importância dos componentes visuais e como
é os dois níveis quees são classificados né na verdade todo componente visual ele erda de View tá ele tem o View como enc estral e ele implementa o método on draw perfeito eu queria falar sobre on draw e porque queria só ressaltar o on draw porque vai ter posts em que a gente vai ter que impar a nossa View personalizada perfeito não vai ser uma padrão uma já existente no sistema E aí que acontece a gente vai precisar de implementar esse método e da classe vi Ok mas enfim e os componentes visuais basicamente estão divididos
em duas duas categorias né que é de layout ejet wiet é botão texto essas coisas imagem e layout é o que comporta esses JS perfeito eh um FR layout um Absolute layout um linear an que é muito comum eu utilizo bastante e um relativo layout tem outros layouts também tem o Grid tem um t layout que tá aqui né mas enfim como eu falei meu objetivo aqui não é destrinchar cada componente visual não nesse post Ok eh mas enfim os componentes de layout eles são View de layout eles são eles erdam de vi group perfeito
e e não necessariamente você tem que ter a sua atividade se Lembrando que uma tela é uma é uma é uma View vinculado a uma atividade então uma tela el basicamente é uma atividade eh Lembrando que você eh eh lembrando não né só ressaltando que você não necessariamente precisa ter um componente layout vinculado a sua View a sua atividade para você ter uma uma um componente Visual na tela perfeito Você pode muito bem iniciar sua atividade com idet só que é uma coisa meio esdrúxula você não vai ganhar nada com isso Aliás você só vai
perder não tem nenhum motivo para você fazer isso mas ele funciona e não dá erro Ok eh quer trabalhar com o layout utiliza o layout e outra coisa que é muito comum é você ter um layout dentro do outro um componente de layout dentro do outro tá É mas aqui é não é uma coisa esú é uma coisa que vai te ajudar bastante tá você ter um linear layout dentro de outro ou dentro de um firm layout não há problema nenhum com isso é porque às vezes você quer colocar muitas coisas na tela sem precisar
de usar fragments que aí já é história para um outro post mais avançado tá fragments eu nem manjo muito ainda de fragmentos enfim eh Então ess esse acho que é importante saber disso viw tá é a classe principal e todos os componentes que você utiliza erda de View tá erda de View e basicamente os componentes visuais eles estão classificados em duas categorias layout ou Wide Jet perfeito e outra coisa que eu queria falar aqui é que se você quiser por exemplo trabalhar com Android você não necessariamente precisa saber tudo do Android você sabe ninguém vai
saber tudo do Android né tem eu acho que tem como é a minha visão você ser um exímio desenvolvendo Android um camarada que trabalha com Android de muito sucesso trabalhando só com isso cara só com o layout cara mexer com layout é uma coisa puxada tá não é para qualquer um programador aí tem uns programadores aí que que conseguem fazer isso bem também eu não eu não consigo é mas é uma coisa que tipo assim se você manjar muito disso daqui cara dá para fazer muita coisa boa mesmo muita coisa você arruma o programador Java
aí para fazer a parte funcional e fechou Eh vamos só criar um exemplo Zinho aqui vou aqui criar um novo projetinho exemplo View tá esse pacote vai ser o BR só dar next aqui continuar finish perfeito tá a nossa atividade perfeito e aqui é nosso layout nosso Nossa tela tá outra coisa eu utilizo muito essa parte aqui ó Graphic layout para mim não precisar de executar aqui ó no emulador porque no emulador é meio lento né se você Executar a você vai ver como é que é e aqui dá para já já me ajuda bastante
esse layout aqui por exemplo vamos aqui no XML é relative layout que é o padrão aqui né relative layout e tem um componente wij que é o test View tá vamos mudar aqui o layout Opa para eh Change layout frame layout tá eu não gosto muito de trabalhar com relativo layout que ele é um pouco complicado perfeito frame layout tá é vamos tirar essa parte aqui que até agora não é importante isso aqui já é estilização já nem o id e nem o cont Note que todos os componentes eles tem isso daqui ó Android andate
ok que é largura e altura perfeito é Mat parent tá você tem você tem você tem vários Você tem dois valores basicamente Mat cont tá valores pré definidos os outros valores você pode definir tá em números mesmo é tipo 15 pixels 15 DP perfeito mas basicamente você vai usar muito esses dois aqui ó Mat parent content é Mat parent que que ele vai fazer ele vai fazer o layout tá vamos botar um background aqui Android background botar um amarelo que que ele vai fazer o Mat ele vai fazer o o seu layout pegar toda a
extensão da tela na largura no nosso caso ali e na altura tá porque ele tem mat par tanto no Opa no na largura quanto na altura Eh agora se eu fizer isso daqui ó na altura rap content ó na altura ele vai pegar só o que ele precisa o app cont Ele trabalha assim ele obtém só o que ele precisa tá da altura no caso aqui tá Se eu colocar aqui no na largura também ele vai fazer o mesmo ele vai pegar só a parte que do componente que o componente test View precisa tá Opa
novamente eh beleza temos nosso layout aqui né simples wiate tem muito mais coisa tá de de layout é uma estilização coisa post eh e agora eu vou mostrar aqui como é que a gente cria um um teste um um componente visual sem est utilizando um layout tá um componente layout que é aquela coisa que eu falei que é nunca vai usar mas que vai funcionar não vai dar nenhum test Viar tv new test View boto contexto perfeito e v monar aqui TV Test exemplo sem componente layout Opa e aqui se a gente utiliza de novo
o set cont viw perfeito para a gente colocar esse componente ali dentro aqui vai continuar o layout tá que aqui não tem nada a ver com activity nesse momento mas quando a gente executar aqui ó tá lá exemplo sem componente layout perfeito Aqui nós só temos o nosso test View não tem nenhum componente layout mas a gente não consegue fazer nada aqui agora vou mostrar um vamos apagar aqui a gente tem uma View um layout dentro do outro tá vamos vir aqui botar matp e olha só vamos fazer só o seguinte vamos copiar isso daqui
tá vamos colocar aqui você poderia a gente poderia ter utilizado vamos tirar isso daqui Claro porque isso daqui é só no na Raiz Esse também vamos colocar aqui Wap content tá e um background vermelho com o texto layout dentro de layout colar uma cor aqui Branco perfeito como é ele tá em cima tá ele tá em cima do nosso Vamos mudar para linear layout tá em cima do nosso texto inicial a gente não tá vendo ele vertical perfeito ó tá tá o nosso texto que é um componente yjet um componente layout nosso form layout dentro
do nosso outro componente layout que é o Line layout com o componente wet dentro dele tá perfeito se a gente executar vai executar Tranquilo então tá lá aqui é um componente lout também tá só que ele tá sendo trabalhado como Wi jet na visão do programador e aqui nosso adjet perfeito e então acho que é isso aí que eu queria mostrar perfeito Isso aqui é bom lembrar todo componente visual ele erda de View implementa o mtodo on draw e a gente tem duas categorias basicamente de componente de de visual que é o de layout e
o de Wide perfeito e wij são botões textos imagens tudo mais e layout é aquele aquela aquele componente que comporta outros Wide Jet dentro dele perfeito que também pode ser comportar outros layouts tá e lembrar sempre do do da algura e altura tá que você vai precisar sempre do para implementar os layouts e que dá para ser muito bom tá esse aqui já é uma opinião minha no Android trabalhando só com o layout sem saber encostar no Java dá para você mexer dá para você fazer muita coisa boa trabalhando só com isso e eu não
destrinchem tudo aqui eu falei se você quiser destrinchar todos os componentes vi você vai dá uma gugada aí você vai ter você vai ter o próprio site do do Android falando sobre todos os componentes visuais Então acho que é isso aí galera acho que deu para mostrar bem o projetinho vai ficar embaixo para para exemplo e eu vou o próximo vídeo agora é sobre fam layout Valeu obrigado e tchau
