Return to Video

So Much Real Estate Part 3 (solution)

  • 0:00 - 0:02
    Primeiro, pegue
    o código inicial.
  • 0:02 - 0:06
    Depois, adicione a
    biblioteca ao ponto da CardView,
  • 0:06 - 0:10
    que estará dentro
    dos arquivos maiores
  • 0:10 - 0:13
    , se tiver adicionado às dependências da
    estrutura do projeto.
  • 0:13 - 0:16
    Para imagem de tablet, foi bem fácil.
  • 0:16 - 0:19
    Tudo o que você precisou fazer foi substituí-la pelo
    atual no layout com
  • 0:19 - 0:21
    a CardView, e funcionou.
  • 0:21 - 0:24
    Defina, é claro,
    a cardElevation corretamente e
  • 0:24 - 0:26
    use PreventCornerOverlap=False.
  • 0:26 - 0:29
    Em dispositivos mais antigos, você não
    via esta pequena linha branca.
  • 0:29 - 0:33
    No modo paisagem de tablets,
    era um pouco mais complicado.
  • 0:33 - 0:38
    Veja, na verdade adicionamos
    este alinhador da CardView aqui.
  • 0:38 - 0:42
    E definimos marginRight como 64 dp,
  • 0:42 - 0:46
    definimos alignLeft como layout_center,
  • 0:46 - 0:50
    e isso permitiu adicionar
    mais um cálculo.
  • 0:50 - 0:52
    Sem adicionar nenhuma hierarquia de layout,
  • 0:52 - 0:57
    ainda podíamos adicionar margens
    neste caso, o que é bem legal.
  • 0:57 - 1:00
    Isso permite colocar a card view
    no lugar certo em layouts de tablets de
  • 1:00 - 1:03
    sete e dez polegadas.
    Isso é muito legal.
  • 1:03 - 1:04
    Outra tarefa que tivemos de fazer foi,
  • 1:04 - 1:07
    é claro, substituir o frame layout
    que estava aqui pela card view.
  • 1:07 - 1:11
    Isso faz sentido. Você pode ver que ele está
    alinhado ao alinhador da card view e,
  • 1:11 - 1:15
    é claro, tem cardElevation e
    cardPreventCornerOverlap igual a falso.
  • 1:15 - 1:18
    E, é claro, outra
    observação sobre tudo isso é que
  • 1:18 - 1:21
    precisamos fazer algo
    no fragmento detail.
  • 1:21 - 1:25
    Então, quando
    estivermos carregando,
  • 1:25 - 1:28
    em vez de nos definirmos como
    INVISIBLE como fizemos antes, vamos
  • 1:28 - 1:32
    na verdade olhar para nosso pai e
    pensar: Ah, nosso pai é uma CardView?
  • 1:32 - 1:36
    Se for, vamos definir como
    INVISIBLE.
  • 1:36 - 1:38
    Em onLoadFinished, faremos
    a mesma coisa.
  • 1:38 - 1:42
    Se nosso pai
    for uma card view,
  • 1:42 - 1:44
    então vamos defini-la como visível.
  • 1:44 - 1:47
    Ela terá o mesmo comportamento
    de quando o fragmento não estava carregado.
  • 1:47 - 1:48
    Não vemos nada.
  • 1:48 - 1:52
    Isso é importante principalmente
    no caso de exibição vazia.
  • 1:52 - 1:56
    Agora, realmente não queremos ver
    esse tipo de artefato.
  • 1:56 - 1:57
    Bom, é isso.
  • 1:57 - 1:59
    Muito simples.
  • 1:59 - 2:03
    Houve aquele pequeno desafio com
    o espaço no layout relativo, mas
  • 2:03 - 2:09
    isto é um bom exemplo de como usar
    outra exibição para fazer cálculos para você.
  • 2:09 - 2:11
    E, às vezes, é preciso fazer
    isso nas exibições do Android.
Title:
So Much Real Estate Part 3 (solution)
Description:

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

Portuguese, Brazilian subtitles

Revisions Compare revisions