Ferramenta Android Draw 9 Patch: Qual é o significado das linhas pretas fora da figura

Question

Tentei o suficiente para encontrar no Google e no Android essa pergunta. Também fiz várias tentativas e erros, mas não conseguiu essa pergunta. Eu estava aprendendo imagens "desenhar nine patch" do Android. Um básico que eu sei é que, qualquer que seja a imagem que você processe, o formato .png (se já estiver em .9.png, será ignorado pela ferramenta). No entanto,

1. Eu não conseguia entender o que significa literalmente por "manchas elásticas"?
2. O que exatamente acontece quando você desenha pontos pretos para fora da imagem .png? (O painel de visualização mostra as mudanças acontecendo, mas não estou claro sobre como isso faz isso)
3. Quando desenho pontos pretos nos lados esquerdo/superior da imagem, mostra algumas mudanças na visualização; Mas por que não há nenhum efeito quando você faz o mesmo no lado direito/inferior da imagem?
4. Por que essa ferramenta é usada principalmente para fundo, quando tentamos processar na própria imagem?
5. Estou tentando modificar um botão simples.png (fornecido no Android SDK). Sempre que uso essa ferramenta e desenho linhas pretas, ela reduz o tamanho da imagem em vez de 'esticar'! Por quê ?
6. Qual é o significado das opções dadas abaixo, como "Show Lock", "Show Content", "Patch Scale" e assim por diante?

Peço desculpas por fazer tantas perguntas, mas nos documentos on -line do Android eles não explicaram bem para iniciantes. Se alguém puder responder a isso, ele se tornará referência pronta para todos os iniciantes que pesquisam este fórum.

Answer 1

Por patches elásticos, você está basicamente dizendo ao Android que linhas e colunas de pixels na imagem que deseja repetir. Quando você estica uma imagem padrão, existem duas possibilidades: uma, ela é dimensionada proporcionalmente, mas ainda perde a nitidez devido à interpolação; Segundo, é escalado desproporcionalmente e perde não apenas sua nitidez, mas também sua forma. Um exemplo de escala desproporcional está abaixo:

Portanto, o objetivo das linhas pretas diz ao Android quais áreas da imagem são seguras de repetir. O canto superior define as colunas (s) que ela pode se esticar, enquanto o canto esquerdo define a (s) linha (s) que pode se esticar. Os cantos inferiores e direito definem a área de conteúdo real (por exemplo, onde o botão pode colocar o texto), você pode reservar um espaço extra para encaixar o quadro. Na imagem abaixo, você pode ver que os dois pixels pretos na parte externa do quadro definem linhas na imagem, enquanto a de cima define uma coluna.

E abaixo, isso mostra o resultado de um número 9 esticado para vários tamanhos. Se for ampliado para ser mais largo, as metades da imagem à esquerda e à direita da coluna elaborável definida serão alinhadas à esquerda e à direita do novo tamanho, e a coluna definida é repetida para preencher o espaço intermediário. A mesma coisa acontece com as linhas definidas; Se você usa múltiplos (não acredito que você possa usar mais de duas linhas/colunas esticadas), ele apenas acerta o espaço com os dois; Nesse caso, eu o usei para manter o gradiente dividido uniformemente no meio.