Saltar al contenido principal
Versión: 18

Formas

Las formas son objetos estáticos que pueden añadirse a los formularios 4D.

Se ofrecen las siguientes formas básicas:

  • rectángulos
  • líneas
  • óvalos

Rectángulo​

Un rectángulo estático es un objeto decorativo para los formularios. Los rectángulos se limitan a formas cuadradas.

El diseño de los rectángulos se controla a través de muchas propiedades (color, grosor de línea, patrón, etc.). En concreto, se puede definir la redondez de sus esquinas.

Ejemplo JSON​

 "myRectangle": {
  "type": "rectangle", //definir el tipo de objeto
  "left": 60,    //posición izquierda en el formulario
  "top": 160,    //posición superior en el formulario 
  "width": 100,   //ancho del objeto
  "height": 20,   //altura del objeto
  "borderRadius": 20  //definir la redondez de las esquinas
                }

Propiedades soportadas​

Inferior - Clase - Radio de esquina - Tipo de línea punteada - Color de relleno - Altura - Redimensionamiento horizontal - Izquierda - Color de línea - Ancho de línea - Nombre de objeto - Derecha - Superior - Tipo - Redimensionamiento vertical - Visibilidad - Ancho

Línea​

Una línea estática es un objeto decorativo para los formularios, trazado entre dos tramas. Las líneas pueden ser horizontales, verticales o de cualquier forma de ángulo.

El diseño de las líneas se controla a través de muchas propiedades (color, grosor de línea, etc.).

propiedad startPoint​

La propiedad JSON startPoint define a partir de qué coordenada dibujar la línea (ver ejemplo).

la propiedad startPoint no está expuesta en la lista de propiedades, donde la dirección de dibujo de la línea es visible.

Ejemplos JSON​

 "myLine": {
  "type": "line",                
  "left": 20,
  "top": 40,
  "width": 100,
  "height": 80,
  "startPoint": "topLeft", //primera dirección
  "strokeDashArray": "6 2" //línea de guiones
}

Result: 

 "myLine": {
  "type": "line",                
  "left": 20,
  "top": 40,
  "width": 100,
  "height": 80,
  "startPoint": "bottomLeft", //2ª dirección
  "strokeDashArray": "6 2" //línea de guiones
}

Result:

Propiedades soportadas​

Abajo - Clase Css - Tipo de línea punteada - Altura - Dimensionamiento horizontal - Izquierda - Color de línea - Ancho de línea - Nombre del objeto - Derecha - startPoint - Arriba - Tipo - Dimensionamiento vertical - Visibilidad - Ancho

Óvalo​

Un óvalo estático es un objeto decorativo para los formularios. Los objetos ovalados pueden utilizarse para dibujar formas circulares (cuando las propiedades ancho y alto son iguales).

Ejemplo JSON​

 "myOval": {
  "tipo": "oval", //definir el tipo de objeto
  "left": 60, //posición izquierda en el formulario  
  "top": 160, //posición superior en el formulario 
  "width": 100, //ancho del objeto
  "height": 20, //altura del objeto
  "fill": "blue" //definir el color de fondo
}

Propiedades soportadas​

Inferior - Clase - Tipo de línea punteada - Color de relleno - Altura - Redimensionamiento horizontal - Izquierda - Color de línea - Ancho de línea - Nombre de objeto - Derecha - Superior - Tipo - Redimensionamiento vertical - Visibilidad - Ancho