9-Patch no Android, Mantendo a Qualidade de Imagens de Background

Receba em primeira mão, e com prioridade, os conteúdos Android exclusivos do Blog. Você receberá um email de confirmação. Somente depois de confirma-lo é que poderei lhe enviar os conteúdos exclusivos.

Email inválido.
Blog /Android /9-Patch no Android, Mantendo a Qualidade de Imagens de Background

9-Patch no Android, Mantendo a Qualidade de Imagens de Background

Vinícius Thiengo
(7020) (5) (1)
Go-ahead
"É a repetição das afirmações que leva à crença. Quando essa crença vira uma convicção profunda, tudo começa a acontecer."
Muhammad Ali
Kotlin Android
Capa do livro Desenvolvedor Kotlin Android - Bibliotecas para o dia a dia
TítuloDesenvolvedor Kotlin Android - Bibliotecas para o dia a dia
CategoriasAndroid, Kotlin
AutorVinícius Thiengo
Edição
Capítulos19
Páginas1035
Acessar Livro
Treinamento Oficial
Android: Prototipagem Profissional de Aplicativos
CursoAndroid: Prototipagem Profissional de Aplicativos
CategoriaAndroid
InstrutorVinícius Thiengo
NívelTodos os níveis
Vídeo aulas186
PlataformaUdemy
Acessar Curso
Receitas Android
Capa do livro Receitas Para Desenvolvedores Android
TítuloReceitas Para Desenvolvedores Android
CategoriaDesenvolvimento Android
AutorVinícius Thiengo
Edição
Ano2017
Capítulos20
Páginas936
Acessar Livro
Código Limpo
Capa do livro Refatorando Para Programas Limpos
TítuloRefatorando Para Programas Limpos
CategoriaEngenharia de Software
AutorVinícius Thiengo
Edição
Ano2017
Capítulos46
Páginas599
Acessar Livro
Quer aprender a programar para Android? Acesse abaixo o curso gratuito no Blog.
Conteúdo Exclusivo
Receba em primeira mão, e com prioridade, os conteúdos Android exclusivos do Blog.
Email inválido

Opa! Blz?

Nesse vídeo mostro como manter a qualidade de imagens de background utilizadas em nossas APPs Android em diferentes resoluções de tela. A ferramenta Draw9Patch utiliza uma imagem .PNG para então gerar uma .9.PNG com estrutura de estica definida por nós. Note que diferentemente dos sistemas operacionais IOS que rodam em apenas dois formatos de telas distintos (IPhone e IPad), o Android roda em diversos formatos de tela distintos, por isso a necessidade de uma funcionalidade como o 9-patch.

Vale ressaltar que o 9-patch somente trabalha com imagens .PNG e que as imagens somente serão úteis no uso do 9-patch se elas tiverem partes esticaveis tanto na horizontal quanto na vertical.

Como falo no vídeo, se você não está utilizando nenhuma plataforma de desenvolvimento cross-plataform (PhoneGap, Titanio, ...) a melhor maneira de colocar bordas arredondas ou sombras é utilizando 9-patch, claro que essa é minha opinião, devido a facilidade e a conistencia da imagem no resultado final. Mas enfim, vou evitar mais delongas e deixar você assistir ao vídeo.

O link para download do projeto se encontra logo abaixo do post.

Página de explicação do que é o NinePatch no site oficial do Android

Página de explicação da ferramenta Draw-9-patch no site oficial do Android

Segue imagem esquema do 9-patch:

9-Patch no Android, Mantendo a Qualidade de Imagens de Background

Vlw

Receba em primeira mão, e com prioridade, os conteúdos Android exclusivos do Blog.
Email inválido

Relacionado

GraphView (Charts) no Android, Entendendo e UtilizandoGraphView (Charts) no Android, Entendendo e UtilizandoAndroid
ObjectAnimator no Android, Aplicando Efeitos nos Componentes VisuaisObjectAnimator no Android, Aplicando Efeitos nos Componentes VisuaisAndroid
Monitorando Sua APP Android Com Google AnalyticsMonitorando Sua APP Android Com Google AnalyticsAndroid
Monetizando Sua APP Com o Google AdMob (Anúncios Mobile)Monetizando Sua APP Com o Google AdMob (Anúncios Mobile)Android

Compartilhar

Comentários Facebook (3)

Comentários Blog (2)

Para código / script, coloque entre [code] e [/code] para receber marcação especifica.
Forneça seu nome válido.
Forneça seu email válido.
Forneça o comentário.
Enviando, aguarde...
Daniel (1) (0)
29/04/2014
Eu tenho a impressão que essas pastas Drawable não serve pra nada. Eu peguei uma imagem, distribui em diferentes tamanhos em cada pasta..e não aconteceu nada..a imagem..

Eu fiz um teste em um tablet 7 e 10..
No galaxy tab  7 ficou normal..ficou tudo bem certinho..quando pegou um tab 10..as imagens ficaram pequenas e ficou um espaço grande danado no lado esquerdo do tablet..tu sabe como fazer para as imagens de adequarem a diferentes tipos de tela para tablet ?
Responder
Vinícius Thiengo (1) (0)
29/04/2014
Fala Daniel, blz? Então, na verdade as pastas drawables funcionam sim, porém temos que saber trabalhar com elas (que não é trivial na primeira vez). Existem várias maneiras de otimizarmos as imagens para diferentes tipos de tela, porém na documentação do Android é recomendado que seja utilizado a estratégia de "desindade de pixels" quando formos otimizar as imagens para a tela, logo entra em cena os diretórios "drawables" (mdp, hdpi, xhdpi e xxhdpi).

O diretório drawable-mdpi é o padrão, ou seja, se vc tem uma imagem de 20px no drawable-mdpi e para dispositivos que têm a densidade da tela igual a mdpi quando vc utilzar no 20dp esses serão exatamente 20px. Já no folder drawable-hdpi a sua imagem de 20px do diretório drawable-mdpi terá de ter nesse folder 20 * 1.5 px, ou seja, 30px, logo 20dp para dispositivos que têm como densidade de tela o hdpi é equivalente a 30px. Saco? Para os outros dois o calculo é xhdpi(mdpi * 2) e xxhdpi(mdpi * 3).

A ideia não é só colocar a imagem em todos os diretórios sem nenhuma modificação, na verdade vc terá a mesma imagem porém com tamanhos distintos para que ela se adeque a todas as desindades de telas.

Eu não sei se deu para entender bem, mas no link a seguir vc tem a explicação completa de como trabalhar com suporte para multipls telas no Android: http://developer.android.com/guide/practices/screens_support.html

Abraço.
Responder