AYUDA EN LÍNEA
 WINDEV, WEBDEV Y WINDEV MOBILE
Ayuda / Desarrollar una aplicación o un sitio web / Controles, ventanas y páginas / Controles: tipos disponibles / Control Editor de diagramas
  • Presentación
  • Manipular el control Editor de diagramas mediante programación
  • Presentación
  • Exportar un diagrama como imagen
  • Gestionar bibliotecas de formas
  • Consejos de programación
  • Obtener las características de una selección en un control Editor de diagramas
  • Utilizar la propiedad Note de las diferentes formas
  • Determinar el tipo de una forma
  • Propiedades WLanguage asociadas
  • Propiedades del control Editor de diagramas
WINDEV
WindowsLinuxJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac Catalyst
Otros
Procedimientos almacenados
Presentación
WINDEV y WEBDEV permiten manipular controles Editor de diagramas mediante programación. Para ello, utilice directamente la variable del control en el código.
Los controles Editor de diagramas también se pueden manipular mediante programación utilizando Funciones de diagrama.
Esta página de ayuda explica cómo manipular controles Editor de diagramas mediante programación.
Manipular el control Editor de diagramas mediante programación

Presentación

Los controles Editor de diagramas permiten crear y mostrar diagramas mediante programación. Para ello, WLanguage incluye:

Exportar un diagrama como imagen

Para exportar un diagrama como imagen, utilice la función DiagramToImage. Esta función exporta el diagrama como una variable de tipo Image. A continuación, llame a una de las siguientes funciones para obtener la imagen del diagrama en el formato deseado:
dSaveImageBMPGuarda una imagen:
  • en un archivo en formato BMP.
  • en la memoria.
dSaveImageGIFGuarda una imagen:
  • en un archivo en formato GIF.
  • en la memoria.
dSaveImageICOGuarda una imagen en formato de ícono en un archivo o en la memoria.
dSaveImageJPEGGuarda una imagen:
  • en un archivo JPEG.
  • en la memoria.
dSaveImagePNGGuarda una imagen:
  • en un archivo PNG.
  • en la memoria.
dSaveImageTIFFGuarda una imagen en formato TIFF en un archivo o en la memoria.

Gestionar bibliotecas de formas

El control Editor de diagramas incluye varias bibliotecas de formas.
Sin embargo, puede crear una biblioteca de formas personalizada. Una biblioteca de formas es un diagrama cargado como biblioteca. Este diagrama se puede crear:
  • mediante el control Editor de diagramas:
    1. Cree un diagrama.
    2. Importe las imágenes que corresponden a las formas deseadas.
    3. Guarde el diagrama como un archivo ".wddiag"..
  • mediante programación:
    1. Cree una variable de tipo Diagram. Esta variable contendrá la biblioteca de formas.
    2. Cree las diferentes formas personalizadas.
    3. Agregue las formas al diagrama "Biblioteca".
    4. Guarde el diagrama "Biblioteca" como un archivo ".wddiag".
Una vez creado el diagrama "Biblioteca":
  1. Cargue el diagrama como una biblioteca (con la función DiagramLoadLibrary).
  2. Agregue la biblioteca al array de bibliotecas del diagrama final.
Ejemplo de una biblioteca creada mediante programación: 
sFichier is string = fTempDir() + [ fSep ] + "bibli_perso.wddiag"

// Crée une bibliothèque entièrement par programmation
BibliTemp is Diagram

D1 is diagOval
D1.Width = 50
D1.Height = 50
D1.Background.Color = DarkRed
Add(BibliTemp.Shape, D1)

D2 is diagOval
D2.Width = 50
D2.Height = 70
D2.Background.Color = DarkGreen
Add(BibliTemp.Shape, D2)

// Utilise les formes du diagramme temporaire pour créer la bibliothèque
// Sauve le diagramme sur le disque
DiagramSave(BibliTemp, sFichier)

// Charge le diagramme en tant que bibliothèque
MaBibli is diagLibrary
DiagramLoadLibrary(MaBibli, sFichier)
MaBibli.Name = "Perso"

// Ajoute la bibliothèque au champ Editeur de diagrammes
Add(EDIAG_Diagramme.Bibliothèque, MaBibli)

ToastDisplay("La bibliothèque personnelle a été ajoutée dans la liste.")
Observación: Para utilizar solo las bibliotecas personalizadas, elimine las bibliotecas predeterminadas. Para ello, utilice la función ArrayDeleteAll en el array de bibliotecas del diagrama.
Consejos de programación

Obtener las características de una selección en un control Editor de diagramas

Puede obtener las características de los elementos seleccionados en un control Editor de diagramas utilizando la propiedad Selection. Si la selección incluye más de una forma, puede recorrer el array de formas.
Ejemplo: 
// Retrieve the selected elements in a Diagram Editor control
MySelection is diagSelection <- DIAGEDT_MyDiagram.Selection
IF MySelection.Shape.Count > 0 THEN
	// Get the shapes
	FOR EACH stShape OF MySelection.Shape
		STC_SELECTION_INFO = stShape.Name + "has been selected." + 
		" [ " + stShape.X + ", " + stShape.Y + " - " + stShape.Width + 
		"x" + stShape.Height + " ]"
	END
ELSE
	STC_SELECTION_INFO = "Click a shape in the diagram to get the selection"
END

Utilizar la propiedad Note de las diferentes formas

Las variables de tipo diagShape (diagOval, diagRectangle, etc.) tienen una propiedad Note. Esta propiedad puede utilizarse para guardar información adicional: número de la forma, tipo de forma, información de lógica de negocio, etc, ... Si el diagrama se guarda como un archivo "wddiag", la información especificada con la propiedad Note también se guarda. Esta información puede ser leída y procesada al recorrer las diferentes formas del diagrama.
Para ver un ejemplo de esta solución, consulte crear un diagrama interactivo.

Determinar el tipo de una forma

Para determinar el tipo de forma, asigne la forma a las variables disponibles.
Ejemplo:
FOR EACH shape OF DIAGEDT_MyDiagram.Shape
ImageShape is diagImage <- shape
IF ImageShape <> Null THEN
  // The shape is an image
END
END
Propiedades WLanguage asociadas

Propiedades del control Editor de diagramas

Las siguientes propiedades permiten gestionar las características de un control Editor de diagramas mediante programación:
EditModeEn EditMode obtiene y establece el modo de edición del control Editor de diagramas: selección o dibujo a mano alzada.
GridlinesVisibleLa propiedad GridlinesVisible se utiliza para:
  • Determina si las líneas de cuadrícula son visibles o no en un control..
  • Mostrar u ocultar líneas de cuadrícula en un control.
LibraryLa propiedad Library permite manipular las diferentes bibliotecas predefinidas asociadas a un control Editor de diagramas. Esta propiedad accede al array de bibliotecas del control Editor de diagramas.
LibraryPanelVisibleLa propiedad LibrayPanelVisible permite:
  • determinar si el panel "Biblioteca" se muestra en un control Editor de diagramas.
  • mostrar u ocultar el panel "Biblioteca" en un control Editor de diagramas.
ModifierPanelVisibleLa propiedad ModifierPanelVisible permite:
  • determinar si el panel "Modificador" se muestra en un control Editor de diagramas.
  • mostrar u ocultar el panel "Modificador" en un control Editor de diagramas.
PageBorderVisibleLa propiedad PageBorderVisible permite:
  • determinar si los bordes de página se muestran en un control Editor de diagramas.
  • mostrar u ocultar los bordes de página en un control Editor de diagramas.
SelectionThe property Selection property displays the characteristics of the selection (or cursor):
  • in a Word Processing control.
    Note: This selection is located in the part being edited (body, header or footer).
  • in a Spreadsheet control.
  • in an HTML Editor control.
  • in a Diagram Editor control.
Para obtener la lista completa de las propiedades WLanguage que pueden utilizarse con los controles Editor de diagramas, consulte Propiedades del control Editor de diagramas.
Ver también
Versión mínima requerida
  • Versión 27
Esta página también está disponible para…
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 15/09/2024

Señalar un error o enviar una sugerencia | Ayuda local