Return to Video

Animating our Transitions (solution)

  • 0:00 - 0:02
    Ok, você terminou!
  • 0:02 - 0:03
    Agora vou te mostrar o que eu fiz.
  • 0:04 - 0:06
    A primeira coisa foi
    criar novos temas.
  • 0:06 - 0:10
    Criei os temas AppTheme.Main e
    AppTheme.Details.
  • 0:10 - 0:12
    Ambos derivam
    do tema AppTheme.
  • 0:12 - 0:15
    O meu trabalho é colocá-los entre
    os estilos principais e mantê-los lá.
  • 0:15 - 0:18
    Estou deixando estas coisas de fora
    porque é bom deixar coisas do
  • 0:18 - 0:22
    v21 fora das coisas antigas,
    do Android.
  • 0:22 - 0:25
    A seguir, acessando o v21,
  • 0:26 - 0:31
    vemos que já tenho
    esses estilos criados e nomeados.
  • 0:31 - 0:34
    Ativei
    windowContentTransitions e
  • 0:34 - 0:37
    fiz referência às transições EnterTransition e
    ReturnTransition.
  • 0:37 - 0:39
    Aliás, elas se parecem muito
    com as que mostrei a vocês.
  • 0:40 - 0:45
    Observando bem nossas transições,
    temos a certeza de que temos recursos de transição.
  • 0:45 - 0:50
    Como podem ser, temos dois
    tipos de transição diferentes: um para o
  • 0:50 - 0:53
    v21 e um para
    paisagem v21, o que é muito legal.
  • 0:54 - 0:58
    Portanto, neste caso em que não
  • 0:58 - 1:01
    não usamos paisagem
    tudo é mais direto.
  • 1:02 - 1:03
    É exatamente o que mostrei a vocês antes.
  • 1:03 - 1:05
    Estamos ordenando eles juntos.
  • 1:05 - 1:06
    Com duração de um segundo,
  • 1:06 - 1:10
    vamos esmaecer tudo que não
    seja a barra de status e de navegação.
  • 1:10 - 1:14
    Faremos a rolagem
    da barra de ferramentas a partir do topo,
  • 1:14 - 1:18
    e rolaremos o painel
    adicional de baixo pra cima.
  • 1:18 - 1:19
    Tudo muito direto.
  • 1:19 - 1:22
    Quanto à paisagem, a única diferença
    é que vamos deslizar o painel adicional
  • 1:22 - 1:25
    a partir do lado direito
    simplesmente porque tem um aspecto muito melhor.
  • 1:26 - 1:28
    Em seguida, para a transição
  • 1:28 - 1:32
    de retorno, fazemos a rolagem
    da parte inferior em caso de retrato.
  • 1:32 - 1:35
    Quanto ao modo paisagem, rolamos a partir da direita.
  • 1:35 - 1:37
    Com podem ver, adicionar o conjunto
    de transições é algo bastante objetivo.
  • 1:37 - 1:39
    Portanto, a única pergunta é:
  • 1:40 - 1:45
    a partir de onde damos
    início à nossa animação?
  • 1:45 - 1:49
    Sem sombra de dúvida, o melhor
    local para isso está em MainActivity.
  • 1:49 - 1:51
    MainActivity sabe muito
    sobre o que está acontecendo,
  • 1:51 - 1:54
    mas também há outra coisa
    responsável pela execução dela.
  • 1:54 - 1:58
    Nos casos em que não
    estamos no modo de dois painéis,
  • 1:58 - 2:01
    MainActivity é responsável
    por executar a próxima atividade.
  • 2:01 - 2:05
    Basta então invocar ActivityOptionsCompat,
    makeSceneTransitionAnimation e
  • 2:05 - 2:06
    para iniciar a atividade em seguida.
  • 2:06 - 2:08
    Prontinho.
  • 2:08 - 2:10
    Agora temos uma
    transição super básica.
Title:
Animating our Transitions (solution)
Description:

more » « less
Video Language:
English
Team:
Udacity
Project:
UD855 - Android Fundamentals 2
Duration:
02:11

Portuguese, Brazilian subtitles

Revisions Compare revisions