Criar um Layout Baseado em Cartão

Aplicações muitas vezes precisam exibir dados em recipientes com estilo similar. Esses contêineres são frequentemente usados em listas para guardar as informações de cada item. O sistema fornece o APICardView como uma maneira fácil de você mostrar informações dentro de cartões que têm uma aparência consistente através da plataforma. Estes cartões têm uma elevação padrão acima do grupo de visualização que os contém, por isso o sistema mostra as sombras abaixo deles. As placas fornecem uma maneira fácil de conter um grupo de visualizações, ao mesmo tempo em que fornecem um estilo consistente para o container.

Figure 1. Exemplos de cartões

Adicionar as dependências

>

O CardView widget é parte do AndroidX. Para o utilizar no seu projecto, adicione a seguinte dependência ao seu módulo de aplicação build.gradle ficheiro:

dependencies { implementation "androidx.cardview:cardview:1.0.0"}

Criar Cartões

Para utilizar o CardView necessita de o adicionar ao seu ficheiro de layout. Use-o como um grupo de vistas para conter outras vistas. Neste exemplo, o CardView contém um único TextView para mostrar alguma informação ao utilizador.

As cartas são desenhadas para a tela com uma elevação padrão, o que faz com que o sistema desenhe ashadow por baixo delas. Você pode fornecer uma elevação personalizada para uma carta com o atributocard_view:cardElevation. Isto irá desenhar uma sombra mais pronunciada com maior elevação, e uma elevação inferior resultará numa sombra mais leve.CardView usa elevação real e sombras dinâmicas no Android 5.0(API nível 21) e acima e cai de volta para uma implementação de sombra programática em versões anteriores.

>

Utiliza estas propriedades para personalizar a aparência do CardView widget:

  • Para definir o raio do canto nos seus layouts, use o atributo card_view:cardCornerRadius
  • Para definir o raio do canto no seu código, use o método CardView.setRadius
  • Para definir a cor de fundo de um cartão, use o atributo card_view:cardBackgroundColor

Deixe uma resposta

O seu endereço de email não será publicado.