Skip to content

Most visited

Recently visited

navigation

Criar bitmaps redimensionáveis (arquivos 9-patch)

A ferramenta Draw 9-patch é um editor WYSIWYG incluído no Android Studio que permite criar imagens de bitmap que se redimensionam automaticamente para se adaptar ao conteúdo da vista e ao tamanho da tela. Determinadas partes da imagem são dimensionadas no eixo horizontal ou vertical, de acordo com os indicadores delineados dentro da imagem.

Para saber o básico sobre as imagens NinePatch e como elas funcionam, leia a seção sobre Drawables NinePatch no documento Canvas e Drawables.

Figura 1. Uma imagem NinePatch na ferramenta Draw 9-patch do Android Studio.

Veja um guia rápido para criar uma imagem NinePatch usando a ferramenta Draw 9-patch do Android Studio. Você precisará da imagem em PNG da qual gostaria de criar uma imagem NinePatch.

  1. No Android Studio, clique com o botão direito do mouse na imagem em PNG da qual gostaria de criar uma imagem NinePatch e clique em Create 9-patch file.
  2. Digite um nome para o arquivo da sua imagem NinePatch e clique em OK. A imagem será criada com a extensão .9.png.
  3. Clique duas vezes no novo arquivo NinePatch para abri-lo no Android Studio. O espaço de trabalho abrirá.

    O painel à esquerda é a área de desenho, em que você pode editar as linhas dos trechos esticáveis e da área destinada ao conteúdo. O painel à direita é a área de prévia, em que você pode visualizar a imagem quando esticada.

  4. Clique dentro do perímetro de 1 pixel para delinear as linhas que definem os trechos esticáveis e a área (opcional) do conteúdo. Clique com o botão direito do mouse (ou segure Shift e clique, no Mac) para apagar as linhas delineadas anteriormente.
  5. Depois, clique em File > Save para salvar as alterações.

Você pode abrir um arquivo NinePatch no Android Studio clicando duas vezes nele.

Para garantir que as imagens NinePatch se redimensionem para um tamanho menor de forma correta, verifique se as regiões estiáveis têm pelo menos 2x2 pixels de tamanho. Se não, elas podem desaparecer em uma redução de tamanho. Além disso, coloque um pixel a mais como margem de segurança nas imagens antes e depois das regiões esticáveis para evitar interferência durante o dimensionamento, o que pode provocar mudança na cor das linhas de divisão.

Observação: Um arquivo PNG normal (*.png) será carregado com uma borda de um pixel vazia adicionada em torno da imagem e, no espaço dentro dela, você pode delinear os trechos esticáveis e a área do conteúdo. Um arquivo NinePatch salvo anteriormente (*.9.png) será carregado da forma em que está, sem nenhuma alteração e sem área de desenho determinada, porque essa área já existe.

Figura 2. Uma imagem NinePatch apresentando conteúdo, trechos e trechos ruins.

Os controles opcionais são:

This site uses cookies to store your preferences for site-specific language and display options.

Get the latest Android developer news and tips that will help you find success on Google Play.

* Required Fields

Hooray!

Follow Google Developers on WeChat

Browse this site in ?

You requested a page in , but your language preference for this site is .

Would you like to change your language preference and browse this site in ? If you want to change your language preference later, use the language menu at the bottom of each page.

This class requires API level or higher

This doc is hidden because your selected API level for the documentation is . You can change the documentation API level with the selector above the left navigation.

For more information about specifying the API level your app requires, read Supporting Different Platform Versions.

Take a short survey?
Help us improve the Android developer experience.
(Sep 2017 survey)