Concluímos nossa classe de dados de item.
Agora, vamos voltar à atividade principal e começar a projetar nosso carrinho.
Meu carrinho personalizado.
Começarei removendo o título do item e passarei um parâmetro do tipo item.
Item é a classe modal, a classe de dados ou o modelo para os itens de dados.
Removi esse carrinho e o coloquei em outro carrinho mais profissional.
Aqui, darei a ele um preenchimento de ponto modificador.
A largura e o preenchimento máximos seriam ATP.
Agora, dentro do escopo do carrinho, vou criar uma coluna e as propriedades dessa coluna serão
um modificador e darei a ela um preenchimento 16 dentro dessa coluna, criarei uma imagem.
O pintor lembre-se de que o pintor de imagens é um método da biblioteca de bobinas.
Mas, nos próximos vídeos, aprenderemos sobre a bobina e as bibliotecas de deslizamento.
Mas, por enquanto, usaremos a biblioteca padrão no Jetpack Compose para
essa imagem de ponto de item de recurso de pintura.
Portanto, aqui estou obtendo a imagem da imagem da descrição do conteúdo do item ou da imagem do item.
Em seguida, criarei um modificador próximo ao modificador dot fill maximum width.
E a altura seria 180 deep content scale content scale dot crop.
Mais tarde, modificaremos essas propriedades e atributos.
Se houver algum erro ou algo melhor, então vou criar
um novo composable chamado spacer com altura de oito DP.
O spacer composable no Jetpack Compose é uma maneira simples e eficaz de adicionar espaço entre os elementos da interface do usuário.
Ele funciona como um espaço vazio no layout, permitindo que você ajuste o
espaçamento entre os componentes para melhorar o design da interface do usuário.
O parâmetro modificador é usado para especificar o tamanho e outras propriedades do espaçador.
Portanto, aqui definimos o modificador do espaçador como oito dpi.
Em seguida, precisamos criar outro composable, que é o item de texto text dot title.
E o tamanho da fonte seria 22 SP.
Em seguida, adicione um modificador de altura espaçador para dpi.
Em seguida, outro item de texto pontua a descrição com tamanho de fonte igual a 18 sp.
Então, o que fizemos aqui foi criar um cartão que contém uma coluna.
Dentro dessa coluna, temos três composições: a imagem, o texto e o texto.
E nós o separamos entre esses compostáveis por meio
de espaçadores, outro novo compostável que apresentamos neste vídeo.
Pronto, podemos exibir uma visualização do nosso item personalizado.
Então, vamos para a função de visualização.
E aqui vamos chamar meu item personalizado.
E aqui precisamos passar um item.
Vamos criar outro item.
O item um é igual a dois itens.
E aqui precisamos passar três parâmetros: o título Apple, a descrição very healthy e a imagem
que é r dot drawable dot, por exemplo, o item um do logotipo do aplicativo.
E vamos ver isso aqui.
Há um erro na geração da visualização.
Você pode ignorar os itens.
Portanto, precisamos criar os itens aqui na coluna Lazycolumn.
No próximo vídeo, criaremos a lista de frutas e legumes,
adicionaremos os ativos e exibiremos tudo ao executar o aplicativo.