Return to Video

So Much Real Estate Part 3

  • 0:00 - 0:02
    Estamos quase lá
    com o layout do tablet.
  • 0:02 - 0:03
    Está na hora de terminar isso.
  • 0:03 - 0:05
    Temos dois problemas.
  • 0:05 - 0:08
    Primeiro, se você tentou isso em
    um Nexus 7, ou tablet de 7 pol.,
  • 0:08 - 0:12
    é bem provável que a detail view
    não renderize no modo paisagem.
  • 0:12 - 0:14
    O motivo
    é que a grid view não pode resolver as
  • 0:14 - 0:16
    restrições que foram dadas.
  • 0:16 - 0:19
    E o motivo de não temos
    espaço suficiente é que o design para
  • 0:19 - 0:20
    esta exibição chama
  • 0:20 - 0:24
    a barra de ferramenta a ser colocada alinhada
    à grade detalhada, em vez de acima dela.
  • 0:24 - 0:27
    O segundo problema é
    um problema com a elevação.
  • 0:27 - 0:31
    O design chama uma sombra ao redor da
    detail view, mas ela não aparece.
  • 0:32 - 0:36
    Como desejamos ver uma sombra
    em todas as plataformas, não só no Android L,
  • 0:36 - 0:40
    podemos introduzir outro widget
    da biblioteca de suporte, CardView.
  • 0:41 - 0:45
    CardView é um contêiner que
    projeta uma sombra ao redor da exibição.
  • 0:45 - 0:49
    Quando mudamos a elevação do
    cartão, ele projeta uma sombra maior.
  • 0:49 - 0:53
    A card view tem sua própria
    versão do parâmetro de elevação.
  • 0:53 - 0:56
    Podemos alterar o raio dos
    cantos da card view para fazer
  • 0:56 - 0:58
    retângulos com sobra arredondada.
  • 0:58 - 1:00
    Isso funciona melhor no L,
  • 1:00 - 1:04
    devido ao modo que lidamos com recorte
    na versão compatível.
  • 1:04 - 1:07
    A card view é um layout que
    coloca itens ao redor de outros layouts e
  • 1:07 - 1:10
    funciona de modo diferente dos outros.
  • 1:10 - 1:11
    Você pode controlar a cor do layout
    de plano de fundo,
  • 1:13 - 1:17
    a cor de fundo do cartão,
    o preenchimento ao redor do cartão
  • 1:18 - 1:23
    e o preenchimento dentro do cartão,
    entre o cartão e seu conteúdo.
  • 1:23 - 1:27
    Como a CardView é renderizada no
    Android L usando elevação,
  • 1:27 - 1:31
    é importante entender como
    isso afeta a renderização das exibições.
  • 1:31 - 1:32
    Uma
  • 1:32 - 1:37
    exibição em elevação mais alta
    obscurece exibições em elevações mais baixas.
  • 1:37 - 1:41
    Se você tiver exibições aninhadas,
    se uma exibição obscurecer o pai,
  • 1:41 - 1:44
    você também obscurece todos os
    filhos da exibição.
  • 1:44 - 1:47
    Exibições com planos de fundo
    transparentes não projetam sombras.
  • 1:48 - 1:52
    Exibições contidas nessas exibições
    transparentes também não projetam
  • 1:52 - 1:53
    sombras.
  • 1:53 - 1:57
    Devido a essas restrições, é relativamente
    fácil criar uma exibição com elevação
  • 1:57 - 2:00
    que não renderiza da forma esperada.
  • 2:00 - 2:02
    Faremos amplo
    uso do layout relativo
  • 2:02 - 2:06
    para evitar a adição de hierarquia extra,
    que nos impediria de criar
  • 2:06 - 2:09
    o tipo de sombra que
    o design requer.
  • 2:09 - 2:12
    Além disso,
    nas versões pré-L do Android,
  • 2:12 - 2:16
    a card view não recorta conteúdo para
    os limites do retângulo curvo.
  • 2:16 - 2:21
    Em vez disso, adiciona preenchimento para evitar que
    esse conteúdo sobreponha a área de sombra.
  • 2:21 - 2:24
    Como há um plano de fundo escuro
    em parte do cartão,
  • 2:24 - 2:26
    uma pequena linha branca aparece.
  • 2:27 - 2:32
    Como a sobreposição do canto parece mais
    benigna que estas linhas brancas,
  • 2:32 - 2:36
    configure
    cardPreventCornerOverlap = "falso"
  • 2:36 - 2:37
    nas card views.
Title:
So Much Real Estate Part 3
Description:

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

Portuguese, Brazilian subtitles

Revisions Compare revisions