Saltar al contenido principal
Versión: v20 R4 BETA

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",    //define 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​

Abajo - Clase Css - Radio de la esquina - Tipo de línea punteada - Color de fondo - Altura - Dimensionamiento horizontal - Izquierda - Color de línea - Ancho de línea - Nombre del objeto - Derecha - Arriba - Tipo - Dimensionamiento 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 orientación
        "strokeDashArray": "6 2" //punteado
        }

Result: 

    "myLine": {
        "type": "line",                
        "left": 20,
        "top": 40,
        "width": 100,
        "height": 80,
        "startPoint": "bottomLeft", //segunda orientación
        "strokeDashArray": "6 2" //dashed
        }

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": {
        "type": "oval",     //define 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"      //define el color de fondo
                }

Propiedades soportadas​

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