Saltar para conteúdo


Foto
- - - - -

Aplicar diferente design em função do dispositivo

#design #ecrãs #layouts

  • Por favor inicie sessão para responder
4 respostas a este tópico

#1 luigicbt

luigicbt

    Membro

  • Membros
  • PipPip
  • 10 mensagens

Mensagem publicada 27 March 2015 - 16:47

Olá a todos,

 

Estou a construir uma aplicação que deve apresentar um design diferente em função do dispositivo, ou seja, se estiver a correr num smartphone deve apresenta um design X  e orientação portrait e se estiver num tablet design Y e orientação landscape.

 

Já tenho a aplicação praticamente desenvolvida para smartphone, agora queria adaptar o design para tablet.

 

Alguém me pode dar umas dicas de como posso fazer isso?

 

Desde já agradeço a ajuda que me poderem dar.

 

Abraço,

Luís Pereira



#2 xanex

xanex

    Membro

  • Membros
  • PipPip
  • 199 mensagens
  • LocalizaçãoLisboa
  • Nexus 10, Nexus 5x, Nexus 6p

Mensagem publicada 02 April 2015 - 16:46

se for android, nunca vai ficar perfeito em todos os tamanhos

 

tens as varias resoluções, ldpi, mdpi, hdpi, ...

e tambem tens as opcoes da pasta layout, layout-small, layout-large, ...

http://developer.and...ns_support.html

as resoluções são utilizadas automaticamente conforme a resolução do dispositivo que estiver a ser utilizado, e apasta dos layouts tambem é escolhida conforme o tamanho do ecra do dispositivo

 

Para veres como é "dificil" acertar tudo em android, tens aqui umas imagens representativas da quantidade de tamanhos e resolucoes de ecras de android contra quantidade nos iphones

 

android: https://gigaom2.file...ty=80&strip=all

iphone: http://d2cpknllkuywe...n_res_light.png


  • luigicbt gosta disto

#3 luigicbt

luigicbt

    Membro

  • Membros
  • PipPip
  • 10 mensagens

Mensagem publicada 02 April 2015 - 17:07

Viva xanax!

 

Antes de mais obrigado!

Entretanto criei a pasta layout-large e os respetivos layouts para a versão tablet. A minha maior questão está relacionada com a orientação:

- Se for smartphone -> deve ficar portrait

- Se for tablet -> deve ficar landscape

 

Arranjei uma forma de medir a diagonal e se o valor for maior que 7" considero tablet. Parece-te bem esta estratégia?

 

A imagem que enviaste sobre as resoluções android é bem ilustrativa da panóplia de dispositivos.

 

Abraço



#4 xanex

xanex

    Membro

  • Membros
  • PipPip
  • 199 mensagens
  • LocalizaçãoLisboa
  • Nexus 10, Nexus 5x, Nexus 6p

Mensagem publicada 02 April 2015 - 17:09

um truque simples para veres se estás a utilizar o large ou o normal, é meteres uma view no large, e vais apanha-la no codigo, se ela existir estás nos tablets (no layout large), se for null não existe e quer dizer que estas nos telemoveis (layout normal)



#5 luigicbt

luigicbt

    Membro

  • Membros
  • PipPip
  • 10 mensagens

Mensagem publicada 08 April 2015 - 13:01

Exato, é uma estratégia. Vou experimentar.

Obrigado.