Ferramenta Android Draw 9 Patch: Qual é o significado das linhas pretas fora da figura
Pergunta
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,
- Eu não conseguia entender o que significa literalmente por "manchas elásticas"?
- 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)
- 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?
- Por que essa ferramenta é usada principalmente para fundo, quando tentamos processar na própria imagem?
- 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ê ?
- 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.
Solução
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.