Pular para o conteúdo

Mais visitados

Visitados recentemente

navigation

Como iniciar

Para criar aplicativos com o Material Design:

  1. Reveja as especificações do Material Design.
  2. Aplique o tema do Material no seu aplicativo.
  3. Crie layouts de acordo com as orientações do Material Design.
  4. Especifique a elevação das visualizações para inserir sombras.
  5. Use widgets do sistema para listas e cartões.
  6. Personalize animações no aplicativo.

Manter compatibilidade com versões anteriores

Você pode adicionar muitos recursos do Material Design ao aplicativo e, ao mesmo tempo, manter a compatibilidade com versões anteriores ao Android 5.0. Para obter mais informações, consulte Como manter a compatibilidade.

Atualizar o aplicativo com o Material Design

Para atualizar um aplicativo existente para incorporar o Material Design, atualize os layouts de acordo com as orientações do Material Design. Certifique-se também de incorporar profundidade, feedbacks de toque e animações.

Criar novos aplicativos com o Material Design

Se você está criando um novo aplicativo com recursos do Material Design, as orientações do Material Design fornecem uma estrutura de projeto coesa. Siga tais orientações e use a nova funcionalidade na estrutura do Android para projetar e desenvolver o aplicativo.

Aplicar o tema do Material

Para aplicar o tema do Material no aplicativo, especifique um estilo herdado de android:Theme.Material:

<!-- res/values/styles.xml -->
<resources>
  <!-- your theme inherits from the material theme -->
  <style name="AppTheme" parent="android:Theme.Material">
    <!-- theme customizations -->
  </style>
</resources>

O tema do Material fornece widgets do sistema atualizados que permitem definir a paleta de cores e as animações padrão para feedback de toque e transições de atividades. Para obter mais detalhes, consulte Como usar o tema do Material.

Projetar layouts

Além de aplicar e personalizar o tema do Material, os layouts devem estar em conformidade com as orientações do Material Design. Ao projetar os layouts, dê atenção especial ao seguinte:

Especificar a elevação em visualizações

As visualizações podem lançar sombras e o valor da elevação delas determina o tamanho da sombra e a ordem dos desenhos. Para definir a elevação de uma visualização, use o atributo android:elevation nos layouts:

<TextView
    android:id="@+id/my_textview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/next"
    android:background="@color/white"
    android:elevation="5dp" />

A nova propriedade translationZ permite a criação de animações que refletem mudanças temporárias na elevação de uma visualização. As mudanças de elevação podem ser úteis ao responder a gestos de toque.

Para obter mais detalhes, consulte Como definir sombras e recortar visualizações.

Criar listas e cartões

RecyclerView é uma versão mais completa de ListView compatível com diferentes tipos de layout e que fornece melhor desempenho. CardView permite a exibição de informações dentro dos cartões com uma aparência consistente nos aplicativos. O exemplo de código a seguir mostra como incluir um CardView no layout:

<android.support.v7.widget.CardView
    android:id="@+id/card_view"
    android:layout_width="200dp"
    android:layout_height="200dp"
    card_view:cardCornerRadius="3dp">
    ...
</android.support.v7.widget.CardView>

Para obter mais informações, consulte Como criar listas e cartões.

Personalizar animações

O Android 5.0 (API de nível 21) inclui novas APIs para criar animações personalizadas no aplicativo. Por exemplo, você pode habilitar transições de atividades e definir uma transição de saída dentro de uma atividade:

public class MyActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // enable transitions
        getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
        setContentView(R.layout.activity_my);
    }

    public void onSomeButtonClicked(View view) {
        getWindow().setExitTransition(new Explode());
        Intent intent = new Intent(this, MyOtherActivity.class);
        startActivity(intent,
                      ActivityOptions
                          .makeSceneTransitionAnimation(this).toBundle());
    }
}

Ao iniciar outra atividade a partir desta, a transição de saída é ativada.

Para saber mais sobre as novas APIs de animação, consulte Como definir animações personalizadas.

Este site usa cookies para armazenar suas preferências quanto às opções de idioma e exibição específicas ao site.

Receba as dicas e notícias mais recentes para desenvolvedores Android que ajudarão você a ter sucesso no Google Play.

* Campos obrigatórios

Uhu!

Siga o Google Developers no WeChat

Navegar neste site em ?

Você solicitou uma página em , mas sua preferência de idioma para este site está definida como .

Quer alterar sua preferência de idioma e navegar neste site em ? Para alterar a preferência de idioma depois, use o menu de idiomas na parte inferior de cada página.

É preciso ter o nível de API ou superior para esta aula

Este documento está oculto porque o nível de API selecionado para a documentação é o . Para alterar o nível, clique no seletor acima da barra de navegação esquerda.

Para mais informações sobre como especificar o nível de API que o seu app precisa, leia o artigo Compatibilidade com diferentes versões de plataforma.

Take a short survey?
Help us improve the Android developer experience. (April 2018 — Developer Survey)