Objetos 9 Cortes | hyperPad Documentation

Loading...

Logo

Objetos 9 Slice (às vezes referidos como 9 Patch) são objetos com margens definidas pelo usuário que dividem uma imagem em 9 seções e alteram a forma como o objeto é escalado.

Objetos 9 Slice são frequentemente usados ao criar interfaces de usuário ou outros elementos de projeto que precisam manter certas aparências ao escalar.

Normalmente, 3 coisas acontecem quando você redimensiona um objeto 9 Slice:

  • Os cantos são movidos.
  • As áreas laterais são esticadas.
  • A parte do meio apenas é escalada.

Se você começar com o gráfico abaixo e tentar escalá-lo, você pode facilmente ver as diferenças entre um objeto 9 Slice e um gráfico regular.

Gráfico Regular (sem margens 9 Slice) escalado horizontalmente para 230%. Observe como os cantos da imagem são esticados e não parecem quadrados.

Converta o gráfico original em um objeto 9 Slice, com margens de 20% (linhas vermelhas).

Se você escalar o objeto 9 Slice para os mesmos 230% horizontalmente, você pode ver que os cantos do objeto mantêm sua forma.

Criando Objetos 9 Slice

Você pode transformar qualquer gráfico em um objeto 9 Slice. Para fazer isso, abra a Biblioteca de Recursos e navegue até o Gráfico que você deseja transformar em um objeto 9 slice.

Quando você encontrar seu gráfico, toque e segure seu dedo sobre ele até que o Menu de Recursos apareça. No Menu de Recursos, selecione "Converter em 9-Slice".

Converter para 9 Slice criará automaticamente todas as margens em 40% para você.

Modificando Margens Padrão

Se você quiser mudar as margens padrão, selecione "Visualizar" no Menu de Recursos.

A "Visualização 9-Slice" mostra visualmente as linhas das margens em seu gráfico e possui campos de entrada com a posição da margem (como uma porcentagem do seu gráfico).

Para mudar a margem, você pode tocar e mover os círculos brancos em cada linha de margem, ou inserir os números manualmente. Observe que, ao arrastar as linhas de margem, os campos de entrada manual são atualizados automaticamente com a nova porcentagem de posição.

Modificando Margens Específicas do Objeto

Você também pode mudar as margens para cada objeto 9 Slice específico que você adicionar à sua cena sem afetar o objeto 9 slice original.

Para fazer isso, simplesmente toque no objeto 9 Slice em sua tela e, no Propriedades do Objeto, mude para a aba de Propriedades Gerais (a primeira aba disponível).

Na aba de Propriedades Gerais, você pode ver as 4 margens e mudar suas posições manualmente.