Adicione Imagens

O editor de páginas funciona com uma interface bem simples para imagens!

Quando estiver editando, você pode clicar duas vezes sobre uma imagem ou o item que a abriga e então uma nova janela se abrirá para você editar a imagem. Com esse editor, você escolher imagens já carregadas no framework que você tem em Ion ou selecionar uma imagem da sua biblioteca de imagens, a global image library. 

Para tal, selecione a categoria apropriada da imagem no canto direito da janela de edição e selecione a miniatura da imagem que você gostaria de inserir. Após a seleção, você poderá fazer edições como cortar, redimensionar ou aumentar a transparência dela. Depois desses ajuste, clique 'ok' e a imagem será posicionada na página!

Em seguida, você pode tornar a imagem clicável, caso desejar. Para isso, use o editor 'Actions' no canto direito do studio e então seleciona para onde o visitante será redirecionado quando clicar.

Você pode também adicionar mais imagens na sua biblioteca de imagens. Se você quiser fazer isso, arraste as imagens do seu desktop até o editor de imagens e solte por lá, ou clique no botão "+Add" para procurar e selecionar uma imagem do seu desktop.

*ATENÇÃO: Para remover uma imagem da sua página, você deverá clicar no ícone de remover na aba de edição de studio, logo no canto direito da página.  

Editando Imagens

Ao adicionar imagens nas páginas em Ion, você terá a opção de cortar e redimensioná-las, além de deixá-las mais transparentes. Após selecionar uma imagem para usar na página, a seguinte janela será aberta para você:

Nela, você poderá reparar em 4 ícones no canto esquerdo e, com eles, você poderá cortar, redimensionar e adicionar transparência, ou mesmo retornar para as configurações da imagem original, respectivamente. 

Cortando imagens

Cortar imagens pode ser bem útil quando você quiser exibir somente uma porção dela. Após clicar no ícone de corte, você poderá selecionar essa porção com uma borda ajustável que seleciona a altura e largura do que será exibido. Depois de ajustar a poção ideal, clique em 'ok' para posicionar a imagem cortada na sua página. 

Redimensionando imagens

A ferramenta de redimensionamento de imagens pode ser bem útil quando você quiser tornar uma imagem maior ou menor do que o seu tamanho original. Após clicar no ícone de redimensionamento, uma janela será aberta para definir as dimensões que você gostaria que a imagem tivesse. Além disso, você pode clicar em 'Constrain proportions' e manter as proporções da imagem original para garantir a simetria dela.

Com a largura e a altura da imagem redefinidas, clique em 'ok' e você poderá ver o editor novamente, assim como a imagem com novas dimensões.

*ATENÇÃO: Ao aumentar as dimensões das imagens, você pode ter problemas com a pixelação dependendo do quão maior ela ficar. 

Adicionando transparência

A ferramenta de edição de imagens de Ion também permitem que você torne a sua imagem mais transparente. Se você está buscando mostrar algum plano de fundo na imagem ou deixá-la mais clara, você pode ajustar o quão transparente ela deve ficar para tal. 

Reverta as edições

Se você preferir não manter as edições que foram aplicada, você pode utilizar o botão 'Revert changes' para reverter as mudanças e retornar para as mesmas configurações da imagem original.