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

Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba grátis conteúdos Android sem precedentes! Você receberá um email de confirmação. Somente depois de confirma-lo é que eu poderei lhe enviar os conteúdos semanais exclusivos. Os artigos em PDF são entregues somente para os inscritos na lista.

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
(8762) (2)
Go-ahead
"O método consciente de tentativa e erro é mais bem-sucedido que o planejamento de um gênio isolado."
Peter Skillman
Prototipagem Android
Capa do curso Prototipagem Profissional de Aplicativos
TítuloAndroid: Prototipagem Profissional de Aplicativos
CategoriasAndroid, Design, Protótipo
AutorVinícius Thiengo
Vídeo aulas186
Tempo15 horas
ExercíciosSim
CertificadoSim
Acessar Curso
Quer aprender a programar para Android? Acesse abaixo o curso gratuito no Blog.
Lendo
TítuloManual de DevOps: como obter agilidade, confiabilidade e segurança em organizações tecnológicas
CategoriaEngenharia de Software
Autor(es)Gene Kim, Jez Humble, John Willis, Patrick Debois
EditoraAlta Books
Edição
Ano2018
Páginas464
Conteúdo Exclusivo
Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba gratuitamente conteúdos Android sem precedentes!
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

Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba grátis conteúdos Android sem precedentes!
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

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