Saltar para o conteúdo principal
Versão: 19

Formas

As formas são objectos estáticos que podem ser adicionados a formas 4D.

As formas 4D suportam as seguintes formas básicas:

  • retângulos
  • linhas
  • ovals

Retângulo​

Um retângulo estático é um objeto decorativo para os formulários. Os rectângulos são limitados a formas quadradas.

O desenho dos retângulos é controlado através de muitas propriedades (cor, espessura da linha, padrão, etc.). Especificamente, a circularidade dos seus cantos pode ser definida.

Exemplo JSON​

 "myRectangle": {
  "type": "rectangle", //defina o tipo de objeto
  "left": 60, //posição esquerda no formulário  
  "top": 160, //posição superior no formulário 
  "width": 100, //largura do objeto
  "height": 20, //altura do objeto
  "borderRadius": 20 //defina o arredondamento dos cantos
}

Propriedades compatíveis​

Inferior - Classe - Raio do canto - Tipo de linha pontilhada - Cor de preenchimento - Altura - Dimensionamento horizontal - Esquerda - Cor da linha - Largura da linha - Nome do objeto - Direita - Superior - Tipo - Dimensionamento vertical - Visibilidade - Largura

Linha​

Uma linha estática é um objeto decorativo para os formulários, desenhado entre duas tramas. As linhas podem ser horizontais, verticais ou de qualquer forma angular.

O desenho das linhas é controlado através de muitas propriedades (cor, espessura da linha, etc.).

propriedade startPoint​

A propriedade JSON startPoint define a coordenada a partir da qual a linha deve ser desenhada (ver exemplo).

a propriedade startPoint não está exposta na Lista de Propriedades, onde a direção do desenho da linha é visível.

Exemplos JSON​

 "myLine": {
  "type": "line",                
  "left": 20,
  "top": 40,
  "width": 100,
  "height": 80,
  "startPoint": "topLeft", //primeira direção
  "strokeDashArray": "6 2" //tracejado
  }

Resultado: 

 "myLine": {
  "type": "line",                
  "left": 20,
  "top": 40,
  "width": 100,
  "height": 80,
  "startPoint": "bottomLeft", //2ª direção
  "strokeDashArray": "6 2" //tracejado
  }

Resultado:

Propriedades compatíveis​

Inferior - Classe - Tipo de Linha pontilhada - Altura - Tamanho Horizontal - Esquerda - Cor da linha - Largura da linha - Nome do objeto - Direita - startPoint - Topo - Type - Dimensionamiento Vertical - Visibilidade - Largura

Oval​

Uma oval estática é um objeto decorativo para formas. Os objetos ovais podem ser usados para desenhar formas circulares (quando as propriedades de largura e altura são iguais).

Exemplo JSON​

 "myOval": {
  "type": "oval", //defina o tipo de objeto
  "left": 60, //posição esquerda no formulário  
  "top": 160, //posição superior no formulário 
  "width": 100, //largura do objeto
  "height": 20, //altura do objeto
  "fill": "blue" //defina a cor de fundo
}

Propriedades compatíveis​

Inferior - Classe - Tipo de linha pontilhada - Cor de preenchimento - Altura - Dimensionamento horizontal - Esquerda - Cor da linha - Largura da linha - Nome do objeto - Direita - Superior - Tipo - Dimensionamento vertical - Visibilidade - Largura