Skip to content

Most visited

Recently visited

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.

This site uses cookies to store your preferences for site-specific language and display options.

Get the latest Android developer news and tips that will help you find success on Google Play.

* Required Fields

Hooray!

Siga o Google Developers no WeChat

Browse this site in ?

You requested a page in , but your language preference for this site is .

Would you like to change your language preference and browse this site in ? If you want to change your language preference later, use the language menu at the bottom of each page.

This class requires API level or higher

This doc is hidden because your selected API level for the documentation is . You can change the documentation API level with the selector above the left navigation.

For more information about specifying the API level your app requires, read Supporting Different Platform Versions.

Take a short survey?
Help us improve the Android developer experience. (Dec 2017 Android Platform & Tools Survey)