Quer saber como alinhar os elementos dos seus geniallys com precisão matemática em alguns cliques? É só usar uma das muitas funcionalidades do modo designer, a de posicionar elementos.  


Há um tutorial para cada uma das funcionalidades do modo designer. Encontre-os aqui. 


Neste tutorial você aprenderá a utilizar a funcionalidade Posicionar para situar elementos na tela de criação. Descubra:


Para que serve a funcionalidade Posicionar


Com a funcionalidade Posicionar, você pode alinhar os elementos das suas composições com exatidão, sem a necessidade de ficar arrastando um por um com o mouse até que todos cheguem à mesma posição exata. 


Suas criações terão uma aparência muito mais profissional em menos tempo e com menos esforço. 


Como posicionar um elemento


Na aba Elementos do modo designer, há dois campos para definir a posição horizontal (X) e vertical (Y) que marcam a posição de cada elemento. 


Ative o modo designer pelo atalho CTRL/CMD + M ou pelo menu, situado no canto superior direito do editor, e clique em Modo Designer. Depois, introduza os valores numéricos nos espaços Posição X (horizontal) y Posição Y (vertical) para marcar suas coordenadas.  



Você precisa conhecer as dimensões da sua tela de criação, já que os valores se registram em pixels. Descubra como saber ou modificar o tamanho da tela de criação. 


Localizar a posição dos seus elementos na tela de criação é mais fácil se você tiver em conta que:


  • O ponto inicial: é o ponto da esquina superior esquerdo da tela de criação (0,0)
  • O ponto final: é o ponto da esquina inferior direita da tela de criação (0,0)  Suas coordenadas são iguais às dimensões da tela de criação. Por exemplo: se a dimensão da sua tela de criação de 1200x675, o ponto final será (1200, 675). 


Para que o elemento seja visível, os valores a serem introduzidos em Posição X y Posição Y devem estar entre o ponto inicial e o ponto final. 


Também é possível atribuir valores negativos para localizar uma parte de algum elemento que esteja fora da tela de criação. Por exemplo, vamos supor que você deseja que apareça uma estrela de tamanho mediano em alguma extremidade do seu genially. Se a largura da estrela for de 500 pixels, você pode deixar a posição X em -250, de forma que só apareça a metade da estrela dentro da tela de criação. 


Como saber a posição exata de um elemento


Abra a aba Elementos do modo designer e selecione o elemento cuja posição exata você deseja saber.