Shapes

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.

JSON Exemplo

    "myRectangle": {
  "type": "rectangle", //define the type of object
  "left": 60,    //left position on the form  
  "top": 160,    //top position on the form 
  "width": 100,   //width of the object
  "height": 20,   //height of the object
  "borderRadius": 20  //define the roundness of the corners
                }

Propriedades compatíveis

Bottom - Class - Corner radius - Dotted Line Type - Fill Color - Height - Horizontal Sizing - Left - Line Color - Line Width - Object Name - Right - Top - Type - Vertical Sizing - Visibility - Width

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", //first direction
  "strokeDashArray": "6 2" //dashed
  }

Result:

    "myLine": {
  "type": "line",                
  "left": 20,
  "top": 40,
  "width": 100,
  "height": 80,
  "startPoint": "bottomLeft", //2nd direction
  "strokeDashArray": "6 2" //dashed
  }

Result:

Propriedades compatíveis

Bottom - Class - Dotted Line Type - Height - Horizontal Sizing - Left - Line Color - Line Width - Object Name - Right - startPoint - Top - Type - Vertical Sizing - Visibility - Width

Oval

Uma oval estática é um objeto decorativo para formas. Oval objects can be used to draw circular shapes (when width and height properties are equal).

JSON Exemplo

    "myOval": {
  "type": "oval",  //define the type of object
  "left": 60,   //left position on the form  
  "top": 160,   //top position on the form 
  "width": 100,  //width of the object
  "height": 20,  //height of the object
  "fill": "blue"  //define the background color
                }

Propriedades compatíveis

Bottom - Class - Dotted Line Type - Fill Color - Height - Horizontal Sizing - Left - Line Color - Line Width - Object Name - Right - Top - Type - Vertical Sizing - Visibility - Width