O Google tem o compromisso de promover a igualdade racial para as comunidades negras. Saiba como.

Criar um layout baseado em cards

Muitas vezes, os apps precisam exibir dados em contêineres com estilo semelhante. Esses contêineres são frequentemente usados em listas para armazenar as informações de cada item. O sistema fornece a API CardView como uma maneira fácil de mostrar informações dentro de cards que têm uma aparência consistente em toda a plataforma. Esses cards têm uma elevação padrão acima do grupo de visualização que os contém, de modo que o sistema desenha sombras abaixo deles. Os cards são uma maneira fácil de conter um grupo de visualizações e, ao mesmo tempo, fornecer um estilo consistente para o contêiner.

Figura 1. Exemplos de card

Adicionar as dependências

O widget CardView faz parte das Bibliotecas de Suporte v7. Para usá-lo no seu projeto, adicione a seguinte dependência ao arquivo build.gradle do módulo do app:

    dependencies {
        implementation 'com.android.support:cardview-v7:28.0.0'
    }
    

Criar cards

Para usar o CardView, você precisa adicioná-lo ao arquivo de layout. Use-o como um grupo de visualização para conter outras visualizações. Neste exemplo, o CardView contém uma única TextView para exibir algumas informações ao usuário.

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        ... >
        <!-- A CardView that contains a TextView -->
        <android.support.v7.widget.CardView
            xmlns:card_view="http://schemas.android.com/apk/res-auto"
            android:id="@+id/card_view"
            android:layout_gravity="center"
            android:layout_width="200dp"
            android:layout_height="200dp"
            card_view:cardCornerRadius="4dp">

            <TextView
                android:id="@+id/info_text"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />
        </android.support.v7.widget.CardView>
    </LinearLayout>
    

Os cards são desenhados para a tela com uma elevação padrão, o que faz com que o sistema desenhe uma sombra abaixo deles. Você pode fornecer uma elevação personalizada para um card com o atributo card_view:cardElevation. Isso atrairá uma sombra mais pronunciada com uma elevação maior, e uma elevação mais baixa resultará em uma sombra mais clara. CardView usa elevação real e sombras dinâmicas no Android 5.0 (API de nível 21) e versões posteriores e se volta para uma implementação de sombra programática em versões anteriores.

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

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

Para saber mais, consulte a Referência da API sobre CardView.