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

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", //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).

Exemplo JSON:

    "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