Buchempfehlung
Windows-Programmierung. Das Entwicklerhandbuch zur WIN32-API
Windows-Programmierung. Das Entwicklerhandbuch zur WIN32-API
"Der" Petzold, das über 1000 Seiten starke Standardwerk zum Win32-API - besonders nützlich u. a. bei der GUI-Programmierung in FreeBASIC! [Mehr Infos...]
FreeBASIC-Chat
Es sind Benutzer im FreeBASIC-Chat online.
(Stand:  )
FreeBASIC bei Twitter
Twitter FreeBASIC-Nachrichten jetzt auch über Twitter erhalten. Follow us!

Drag & Drop - Editor zum Erstellen von Flussdiagrammen

Projektzusammenfassung
Projekt-Maintainer:Mitgliedgrindstone Projektseite angelegt:11.09.2016
Lizenzierung:FBPSL Letzte Bearbeitung:15.10.2016
Projektkategorie:Tool      [Zurück zur Übersicht]

Entstanden ist das Projekt aus Externer Link!diesem Thread .

Starten

Datei herunterladen (s.u.), entpacken und Kompilieren. Nach dem Starten erscheint ein 1000 x 800 Pixel großer Grafikscreen mit einer Menüleiste am rechten Rand. Alle Menüpunkte sind über diese Leiste erreichbar, es gibt keine Untermenüs.

Elemente erstellen

Das Element mit gedrückter linker Maustaste von der Menüleiste an den gewünschten Platz auf der Arbeitsfläche ziehen.

Verbindungspfeile erstellen

Jedes Element hat je einen Anschlusspunkt an jeder Seite (oben / unten / rechts / links, jeweils in der Mitte), der bei Berührung mit dem Mauszeiger rot aufleuchtet. Nur an diesen Punkten können Pfeile verankert werden.

Zum Erstellen eines Verbindungspfeils mit dem Mauszeiger auf den Anfangspunkt fahren, bis dieser rot aufleuchtet, und einmal links klicken. Dann mit dem Mauszeiger auf den gewünschten Endpunkt des Pfeils fahren und nochmals links klicken. Mit einem Rechtsklick kann der Vorgang abgebrochen werden.

Jeder Anschlusspunkt kann Endpunkt für beliebig viele Pfeile sein, aber es kann jeweils nur EIN Pfeil von ihm ausgehen.

Element verschieben

Mit dem Mauszeiger über das Element fahren und es mit gedrückter linker Maustaste an seinen neuen Platz ziehen. Alle verankerten Pfeile werden mitbewegt.

Element editieren

Nach Rechtsklick auf das Element erscheint ein Kontextmenü.

Text:
Menüpukt anklicken, es erscheint ein blinkender Cursor im der Mitte des Elements, und der Text des Elements kann eingegeben oder editiert werden. Zeilenumbruch mit ENTER, Beenden der Texteingabe mit Linksklick. Der Text wird immer horizontal und vertikal zentriert dargestellt.

Breite / Höhe:
Nach Linksklick auf den Menüpunkt kann die neue Breite / Höhe des Elements per Tastatur eingegeben werden. Abschluss mit ENTER.

Löschen
Mit Linksklick wird das Element und alle mit dem Element verbundenen Pfeile gelöscht.

OK
Beenden der Bearbeitung, alternativ auch mit ESC.

Verbindungspfeil editieren

Nach Rechtsklick auf den Anfangspunkt des Pfeils erscheint ein Kontextmenü.

Text:
Es erscheint ein blinkender Cursor, und der Text kann eingegeben oder editiert werden. Meistens wird dies ein "Ja" oder "Nein" am Eckpunkt einer Raute sein. Beenden mit Linksklick oder ENTER.

Anfang / Ende:
Hier kann die Mindestlänge des Anfangs- bzw. Endstück des Pfeils eingegeben werden, entweder durch Linksklick und anschließender Tastatureingabe (Abschluss mit ENTER) oder mit dem Mausrad in 10er - Schritten.

Löschen:
Löschen des Pfeils mit Linksklick.

OK:
Beenden der Bearbeitung, alternativ auch mit ESC.

Das Element "Punkt"

Dieses Element ist normalerweise unsichtbar und im Diagramm nur durch seinen Index zu erkennen. Es dient als optionaler Ankerpunkt für Verbindungspfeile, deren gewünschter Verlauf mit den normalen Routingregeln nicht darstellbar ist.

Scrollen des Diagramms

Der im Grafikfenster dargestellte Ausschnitt des Diagramms kann mit gedrückter linker Maustaste und dem Mauszeiger auf einem freien Bereich sowohl vertikal als auch horizontal verschoben werden. Alternativ ist auch ein Scrollen mit dem Mausrad möglich (nur vertikal).

Diagramm laden / speichern

Diagrammscripte haben die Endung ".fds", sind im Prinzip lesbarer Text und können -zumindest im Augenblick- nur im Programmpfad (ExePath) gespeichert bzw. von dort geladen werden.

Grafik erstellen

Beim Klick auf diesen Menüpunkt wird der Inhalt des Diagrammpuffers als Grafikdatei im .bmp - Format im Programmpfad abgelegt, mit invertierten Farben (schwarz auf weiß), so daß es mit einem Grafikprogramm weiterbearbeitet bzw. ausgedruckt werden kann.

Als Beispiel das Flussdiagramm aus dem o.g. Thread. Zum Ausprobieren Skript in einen Texteditor kopieren und als Datei mit Endung ".fds" im Programmpfad des Flussdiagramm - Editors ablegen. Alternativ kann die Datei auch von Externer Link!hier heruntergeladen werden.

ofsanfang=20
ofsende=20
ovalbreite=200
ovalhoehe=20
rechteckbreite=200
rechteckhoehe=40
rautenbreite=200
rautenhoehe=50
rhombusbreite=200
rhombushoehe=40
subbreite=200
subhoehe=40
rasterx=150
rastery=100
rastervorgabex=150
rastervorgabey=100

1 oval 150, 100, 200, 20,"Start",4294967295,4294967295,4278255360
2 rechteck 150, 200, 200, 40,"Anfangswerte setzen",4294967295,4294967295,4278255360
3 rechteck 150, 300, 200, 40,"Bekannte Hinweise setzen",4294967295,4294967295,4278255360
4 rechteck 150, 400, 200, 40,"Verd„chtiger = 1",4294967295,4294967295,4278255360
5 raute 150, 500, 200, 50,"Zimmernr. = 14?",4294967295,4294967295,4278255360
6 rechteck 450, 500, 200, 40,"Haarfarbe = schwarz",4294967295,4294967295,4278255360
7 raute 150, 600, 200, 50,"Hat Sir Ray-\nmond ein „uįeres\nMerkmal?",4294967295,4294967295,4278255360
8 raute 450, 600, 200, 50,"Hat Col. Wood-\nley ein „uįeres\nMekmal?",4294967295,4294967295,4278255360
9 raute 150, 700, 200, 50,"Tr„gt\n Sir Raymond einen\nZwicker?",4294967295,4294967295,4278255360
10 raute 450, 700, 200, 50,"Tr„gt Col. Woodley\n einen Zwicker?",4294967295,4294967295,4278255360
11 rechteck 150, 800, 200, 40,"Col. Woodley = Zwicker",4294967295,4294967295,4278255360
12 rechteck 450, 800, 200, 40,"Sir Raymond = Zwicker",4294967295,4294967295,4278255360
13 raute 150, 900, 200, 50,"Tr„gt der\nVerd„chtige einen\nZwicker?",4294967295,4294967295,4278255360
14 rechteck 450, 900, 200, 40,"Haarfarbe = braun",4294967295,4294967295,4278255360
15 raute 150, 1000, 200, 50,"Hat der Ver-\nd„chtige zerfrans-\nte ˇrmel?",4294967295,4294967295,4278255360
16 rechteck 450, 1000, 200, 40,"Haarfarbe = rot",4294967295,4294967295,4278255360
17 raute 150, 1100, 200, 50,"Zimmernr. = 16 ?",4294967295,4294967295,4278255360
18 raute 150, 1200, 200, 50,"Zimmernr. = 12 ?",4294967295,4294967295,4278255360
19 rechteck 450, 1100, 200, 40,"ˇussere Erscheinung =\nzerfranste ˇrmel",4294967295,4294967295,4278255360
20 rechteck 450, 1200, 200, 40,"Haarfarbe = grau",4294967295,4294967295,4278255360
21 raute 150, 1300, 200, 50,"Tr„gt der\nVerd„chtige eine\ngoldene Uhr?",4294967295,4294967295,4278255360
22 rechteck 450, 1300, 200, 40,"Verd„chtiger = \nZimmernr. 14",4294967295,4294967295,4278255360
23 raute 150, 1400, 200, 50,"Zimmernr. = 10 ?",4294967295,4294967295,4278255360
24 raute 450, 1400, 200, 50,"Ist der Ver-\nd„chtige Col.\nWoodley?",4294967295,4294967295,4278255360
25 rechteck 450, 1500, 200, 40,"Col. Woodley =\nZimmernr. 16",4294967295,4294967295,4278255360
26 raute 150, 1600, 200, 50,"Zimmernr. = 16?",4294967295,4294967295,4278255360
27 raute 450, 1600, 200, 50,"Ist der Ver-\nd„chtige Col.\nwoodley?",4294967295,4294967295,4278255360
28 rechteck 450, 1700, 200, 40,"Col. Woodley =\nZimmernr. 10",4294967295,4294967295,4278255360
29 raute 150, 1800, 200, 50,"Haarfarbe = braun ?",4294967295,4294967295,4278255360
30 rechteck 150, 1900, 200, 40,"M”rdeer = Verd„chtiger",4294967295,4294967295,4278255360
31 raute 450, 1900, 200, 50,"Verd„chtiger = 4 ?",4294967295,4294967295,4278255360
32 rechteck 450, 2000, 200, 40,"Verd„chtiger = 1",4294967295,4294967295,4278255360
33 rechteck 450, 2100, 200, 40,"N„chster verd„chtiger",4294967295,4294967295,4278255360
34 rhombus 150, 2000, 200, 40,"Namen des M”rders\nausgeben",4294967295,4294967295,4278255360
35 oval 150, 2200, 200, 20,"Ende",4294967295,4294967295,4278255360

pfeil 150, 110,2, 20, 1, 150, 180,1, 20, 2,,"",4294967295
pfeil 150, 220,2, 20, 2, 150, 280,1, 20, 3,,"",4294967295
pfeil 150, 320,2, 20, 3, 150, 380,1, 20, 4,,"",4294967295
pfeil 150, 420,2, 20, 4, 150, 475,1, 20, 5,,"",4294967295
pfeil 250, 500,3, 20, 5, 350, 500,4, 20, 6,,"Ja",4294967295
pfeil 150, 525,2, 20, 5, 150, 575,1, 20, 7,,"Nein",4294967295
pfeil 450, 520,2, 20, 6, 150, 575,1, 20, 7,,"",4294967295
pfeil 250, 600,3, 20, 7, 350, 600,4, 20, 8,,"Nein",4294967295
pfeil 150, 625,2, 20, 7, 150, 675,1, 20, 9,,"Ja",4294967295
pfeil 250, 700,3, 20, 9, 350, 600,4, 50, 8,,"Ja",4294967295
pfeil 450, 625,2, 20, 8, 450, 675,1, 20, 10,,"Ja",4294967295
pfeil 150, 725,2, 20, 9, 150, 780,1, 20, 11,,"Nein",4294967295
pfeil 150, 820,2, 20, 11, 150, 875,1, 20, 13,,"",4294967295
pfeil 550, 600,3, 50, 8, 150, 875,1, 20, 13,,"Nein",4294967295
pfeil 550, 700,3, 60, 10, 150, 875,1, 30, 13,,"Ja",4294967295
pfeil 450, 725,2, 20, 10, 450, 780,1, 20, 12,,"Nein",4294967295
pfeil 450, 820,2, 20, 12, 150, 875,1, 20, 13,,"",4294967295
pfeil 250, 900,3, 20, 13, 350, 900,4, 20, 14,,"Ja",4294967295
pfeil 150, 925,2, 20, 13, 150, 975,1, 20, 15,,"Nein",4294967295
pfeil 450, 920,2, 20, 14, 150, 975,1, 20, 15,,"",4294967295
pfeil 250, 1000,3, 20, 15, 350, 1000,4, 20, 16,,"Ja",4294967295
pfeil 150, 1025,2, 20, 15, 150, 1075,1, 20, 17,,"Nein",4294967295
pfeil 450, 1020,2, 20, 16, 150, 1075,1, 20, 17,,"",4294967295
pfeil 250, 1100,3, 20, 17, 350, 1100,4, 20, 19,,"Ja",4294967295
pfeil 150, 1125,2, 20, 17, 150, 1175,1, 20, 18,,"Nein",4294967295
pfeil 450, 1120,2, 20, 19, 150, 1175,1, 20, 18,,"",4294967295
pfeil 250, 1200,3, 20, 18, 350, 1200,4, 20, 20,,"Ja",4294967295
pfeil 150, 1225,2, 20, 18, 150, 1275,1, 20, 21,,"Nein",4294967295
pfeil 450, 1220,2, 20, 20, 150, 1275,1, 20, 21,,"",4294967295
pfeil 250, 1300,3, 20, 21, 350, 1300,4, 20, 22,,"Ja",4294967295
pfeil 150, 1325,2, 20, 21, 150, 1375,1, 20, 23,,"Nein",4294967295
pfeil 450, 1320,2, 20, 22, 150, 1375,1, 20, 23,,"",4294967295
pfeil 250, 1400,3, 20, 23, 350, 1400,4, 20, 24,,"Ja",4294967295
pfeil 450, 1425,2, 20, 24, 450, 1480,1, 20, 25,,"Nein",4294967295
pfeil 150, 1425,2, 20, 23, 150, 1575,1, 20, 26,,"Nein",4294967295
pfeil 350, 1500,4, 20, 25, 150, 1575,1, 20, 26,,"",4294967295
pfeil 550, 1400,3, 20, 24, 150, 1575,1, 20, 26,,"Ja",4294967295
pfeil 250, 1600,3, 20, 26, 350, 1600,4, 20, 27,,"Ja",4294967295
pfeil 450, 1625,2, 20, 27, 450, 1680,1, 20, 28,,"Nein",4294967295
pfeil 150, 1625,2, 20, 26, 150, 1775,1, 20, 29,,"",4294967295
pfeil 350, 1700,4, 20, 28, 150, 1775,1, 20, 29,,"",4294967295
pfeil 550, 1600,3, 20, 27, 150, 1775,1, 20, 29,,"Ja",4294967295
pfeil 150, 1825,2, 20, 29, 150, 1880,1, 20, 30,,"Ja",4294967295
pfeil 450, 1925,2, 20, 31, 450, 1980,1, 20, 32,,"Ja",4294967295
pfeil 250, 1800,3, 20, 29, 450, 1875,1, 20, 31,,"Nein",4294967295
pfeil 350, 1900,4, 20, 31, 350, 2100,4, 20, 33,,"Nein",4294967295
pfeil 550, 2100,3, 90, 33, 150, 475,1, 20, 5,,"",4294967295
pfeil 550, 2000,3, 90, 32, 150, 475,1, 20, 5,,"",4294967295
pfeil 150, 1920,2, 20, 30, 150, 1980,1, 20, 34,,"",4294967295
pfeil 150, 2020,2, 20, 34, 150, 2190,1, 20, 35,,"",4294967295

Dateimanager
Drag & Drop - Editor zum Erstellen von Flussdiagrammen17.10.16 20:3764 kB