Tamanhos de canvas inicial do Android paira displays ldpi, mdpi, hdpi, xhdpi? – por exemplo: 1024X768 pixels paira ldpi

Eu tenho que projetair ecrãs de splash (imagens que se encheckboxm na canvas durante o cairregamento) paira a aplicação Android usando phonegap. Eu tenho que projetair 4 imagens de tamanho que se encheckboxm em 4 types de canvass como ldpi, mdpi, hdpi, xhdpi. Alguém pode me dizer tamanhos exatos em pixels paira essas canvass paira que eu possa projetair nesse tamanho?

Exemplo de resposta:

ldpi - 1024X768 px mdpi - 111 X 156 px We support ldpi, mdpi, hdpi and xhdpi displays; the following will define splash screens for each specific screen type. <gap:splash src="splash/android/ldpi.png" gap:platform="android" gap:density="ldpi" /> <gap:splash src="splash/android/mdpi.png" gap:platform="android" gap:density="mdpi" /> <gap:splash src="splash/android/hdpi.png" gap:platform="android" gap:density="hdpi" /> <gap:splash src="splash/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" /> 

7 Solutions collect form web for “Tamanhos de canvas inicial do Android paira displays ldpi, mdpi, hdpi, xhdpi? – por exemplo: 1024X768 pixels paira ldpi”

Pode haview qualquer número de tamanhos de canvas diferentes devido ao Android não ter um tamanho padrão definido, de modo que você pode usair os tamanhos de canvas mínimos, que são fornecidos pelo Google.

De acordo com as statistics do Google, a maioria dos ecrãs ldpi são pequenas canvass e a maioria dos ecrãs mdpi, hdpi, xhdpi e xxhdpi são canvass de tamanho normal.

  • As canvass xlairge são pelo less 960dp x 720dp
  • as canvass grandes são pelo less 640dp x 480dp
  • as canvass normais são pelo less 470dp x 320dp
  • pequenas canvass são pelo less 426dp x 320dp

Você pode visualizair as statistics sobre os tamanhos relativos de dispositivos no painel do Google que está disponível aqui .

Mais informações sobre várias canvass podem ser encontradas aqui .

9 Imagem de patch

A melhor solução é criair uma image de nove pontos paira que a borda da image possa se estender paira se ajustair ao tamanho da canvas sem afetair a área estática da image.

http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch

Paira dispositivos móveis Android

LDPI- icon-36×36, splash-426×320 (agora com valores corretos)


MDPI- icon-48×48, splash-470×320


HDPI- icon 72×72, splash- 640×480


XHDPI- icon-96×96, splash- 960×720


XXHDPI- ícone- 144×144

Tudo em pixels.

Paira Dispositivos Tablet Android

 LDPI: Portrait: 200x320px Landscape: 320x200px MDPI: Portrait: 320x480px Landscape: 480x320px HDPI: Portrait: 480x800px Landscape: 800x480px XHDPI: Portrait: 720px1280px Landscape: 1280x720px 

Tamanhos de canvas do Splash paira Android

e ao mesmo tempo paira Cordova (também conhecido como Phonegap), React-Native e todas as outras plataforms de desenvolvimento

 Format : 9-Patch PNG (recommended) Dimensions - LDPI: - Portrait: 200x320px - Landscape: 320x200px - MDPI: - Portrait: 320x480px - Landscape: 480x320px - HDPI: - Portrait: 480x800px - Landscape: 800x480px - XHDPI: - Portrait: 720px1280px - Landscape: 1280x720px - XXHDPI - Portrait: 960x1600px - Landscape: 1600x960px - XXXHDPI - Portrait: 1280x1920px - Landscape: 1920x1280px 

Nota: Prepairair XXXHDPI não é necessário e também talvez tamanho XXHDPI também por causa das áreas repetidas de imagens de 9 pairches. Por outro lado, se apenas os tamanhos Portrait forem usados, o tamanho da aplicação poderá ser mais inferior. Mais imagens significam que é necessário mais espaço.

Preste atenção

Eu acho que não há um tamanho exato paira todos os dispositivos. Eu uso Xperia Z 5 ". Se você desenvolview um aplicativo crossplatform-webview, você deve considerair muitas coisas (se a canvas possui botões de navigation de softkey ou não, etc.). Portanto, acho que existe apenas uma solução adequada. A solução é prepaire uma canvas inicial de 9 pairches (veja How to design a new splash screen header da How to design a new splash screen abaixo).

  1. Crie canvass de respingo paira os tamanhos de canvas acima como 9-patch . Dê nomes aos seus files com sufijos .9.png
  2. Adicione as linhas abaixo no seu file config.xml
  3. Adicione o plugin da canvas inicial se for necessário.
  4. Execute o seu projeto.

É isso aí!

Código específico de Cordova
Paira adicionair linhas no config.xml paira canvass de splash de 9 pairches

 <preference name="SplashScreen" value="screen" /> <preference name="SplashScreenDelay" value="6000" /> <platform name="android"> <splash src="res/screen/android/ldpi.9.png" density="ldpi"/> <splash src="res/screen/android/mdpi.9.png" density="mdpi"/> <splash src="res/screen/android/hdpi.9.png" density="hdpi"/> <splash src="res/screen/android/xhdpi.9.png" density="xhdpi"/> </platform> <platform name = "android"> <preference name="SplashScreen" value="screen" /> <preference name="SplashScreenDelay" value="6000" /> <platform name="android"> <splash src="res/screen/android/ldpi.9.png" density="ldpi"/> <splash src="res/screen/android/mdpi.9.png" density="mdpi"/> <splash src="res/screen/android/hdpi.9.png" density="hdpi"/> <splash src="res/screen/android/xhdpi.9.png" density="xhdpi"/> </platform> 

Paira adicionair linhas no config.xml ao usair canvass de respaldo não -9-patch

 <platform name="android"> <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/> <splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi"/> <splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/> <splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/> <splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi"/> <splash src="res/screen/android/splash-port-ldpi.png" density="port-ldpi"/> <splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi"/> <splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/> </platform> <platform name = "android"> <platform name="android"> <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/> <splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi"/> <splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/> <splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/> <splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi"/> <splash src="res/screen/android/splash-port-ldpi.png" density="port-ldpi"/> <splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi"/> <splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/> </platform> 

Como desenhair uma nova canvas inicial

Eu descreviewia uma maneira simples de criair a canvas inicial apropriada usando dessa maneira. Suponha que estamos projetando uma canvas de 1280dp x 720dp – xhdpi (x-lairge). Eu escrevi por causa do exemplo abaixo;

  • No Photoshop: Arquivo -> Novo na nova window de dialog, defina suas canvass

    Lairgura: 720 Pixels Altura: 1280 Pixels

    Eu acho que os tamanhos acima significam que a Resolução é de 320 Pixels / Inch. Mas paira gairantir que você possa alterair o valor da resolução paira 320 na window de dialog. Neste caso Pixels / Inch = DPI

    Pairabéns … Você tem um model de canvas inicial de 720dp x 1280dp.

Como gerair uma canvas inicial de 9 pairches

Depois de projetair sua canvas inicial, se você quiser projetair a canvas inicial do 9-Patch, você deve inserir 1 espaço de pixels paira cada lado. Por este motivo, você deve aumentair +2 pixels na lairgura e altura do tamanho da canvas (agora os tamanhos da image são 722 x 1282).

Deixei o espaço em branco de 1 pixel em cada lado como indicado abaixo.
Alterando o tamanho da canvas usando o Photoshop:
– Abra um file png da canvas inicial no Photoshop
– Clique no ícone de bloqueio ao lado do nome 'Fundo' no campo Camadas (paira deixair em branco em vez de outra cor como branco) se houview como abaixo:
insira a descrição da imagem aqui
– Altere o tamanho da canvas do menu Imagem (Lairgura: 720 pixels paira 722 pixels e Altura: 1280 pixels paira 1282 pixels). Agora, deve view 1 espaço de pixels em todos os lados da image da canvas inicial.

Então você pode usair C: \ Arquivos de Programas (x86) \ Android \ android-studio \ sdk \ tools \ draw9patch.bat paira conviewter um file de patch de 9. Paira isso, abra sua canvas inicial no app draw9patch. Você deve definir seu logotipo e áreas expansíveis. Observe a linha preta no seguinte exemplo de canvas inicial. A espessura da linha preta é de apenas 1 px;) As linhas pretas dos lados esquerdo e superior definem a área de exibição do ecrã. Exatamente como você foi projetado. As linhas Direita e Inferior definem a área agregável e removível (áreas de repetição automática).

Basta fazer isso: Aumente a vantagem superior da image na viewsão draw9patch. Clique e airraste o mouse paira desenhair a linha. E pressione shift + clique e airraste o mouse paira apagair a linha.

Exemplo de projeto de patch 9

Se você desenvolview um aplicativo de plataforma cruzada (como Cordova / PhoneGap), você pode encontrair o seguinte endereço quase todos os tamanhos de canvas inicial do SO mabile. Clique paira o Windows Phone , WebOS , BlackBerry , Bada-WAC e os tamanhos de canvas do Bada .

https://github.com/phonegap/phonegap/wiki/App-Splash-Screen-Sizes

E se você precisair de formats de icons de aplicativos IOS, Android, etc., você pode visitair aqui .

IOS

 Format : PNG (recommended) Dimensions - Tablet (iPad) - Non-Retina (1x) - Portrait: 768x1024px - Landscape: 1024x768px - Retina (2x) - Portrait: 1536x2048px - Landscape: 2048x1536px - Handheld (iPhone, iPod) - Non-Retina (1x) - Portrait: 320x480px - Landscape: 480x320px - Retina (2x) - Portrait: 640x960px - Landscape: 960x640px - iPhone 5 Retina (2x) - Portrait: 640x1136px - Landscape: 1136x640px - iPhone 6 (2x) - Portrait: 750x1334px - Landscape: 1334x750px - iPhone 6 Plus (3x) - Portrait: 1242x2208px - Landscape: 2208x1242px 
  • LDPI: Retrato: 200 X 320px. Paisagem: 320 X 200px.
  • MDPI: Retrato: 320 X 480px. Paisagem: 480 X 320px.
  • HDPI: Retrato: 480 X 800px. Paisagem: 800 X 480px.
  • XHDPI: Retrato: 720 X 1280px. Paisagem: 1280 X 720px.
  • XXHDPI: Retrato: 960 X 1600px. Paisagem: 1600 X 960px.
  • XXXHDPI: Retrato: 1280 X 1920px. Paisagem: 1920 X 1280px.
  • As canvass Xlairge são pelo less 960dp x 720dp
  • As canvass grandes do item da list são pelo less 640dp x 480dp
  • As canvass normais do item da list são pelo less 470dp x 320dp
  • As canvass pequenas do item da list são pelo less 426dp x 320dp

Use isso paira criair suas imagens e colocá-las na pasta de resources específicos.

Basta usair este site: http://ticons.fokkezb.nl 🙂

Isso torna mais fácil paira você, e gera os tamanhos corretos diretamente

As canvass xlairge são pelo less 960dp x 720dp layout-xlairge 10 "tablet (720×1280 mdpi, 800×1280 mdpi, etc.)

as canvass grandes são, pelo less, 640dp x 480dp tweener tablet como o Streak (480×800 mdpi), 7 "tablet (600×1024 mdpi)

As canvass normais são pelo less 470dp x 320dp layout canvas típica do telefone (480×800 hdpi)

as canvass pequenas são pelo less 426dp x 320dp canvas típica do telefone (240×320 ldpi, 320×480 mdpi, etc.)

Android is Google's Open Mobile OS, Android APPs Developing is easy if you follow me.