Diverse Komponenten: SVGImage, Adv. Memo, PaletteForm

[xaromz]

Hallo,

ich hab endlich unsere Homepage überarbeitet. Da gibt es jetzt auch den Menüpunkt "Entwicklung". Obwohl noch nicht allzuviel drauf ist, habe ich immerhin schon drei Komponenten zum Download:

• SVGImage: SVGs in Delphi anzeigen (als eigenes Control oder im TImage)
• MWKEdit: Memo mit Erweiterungen: Rechtschreibprüfung (ASpell), Formatierung, Unicode
• PaletteForm: Fensterkomponente, um schwebende Paletten zu designen

Alle Komponenten laufen unter Delphi 7, andere Versionen hab ich nicht getestet.

Die Komponenten mit Erklärung und Screenshots gibts hier.
Möglicherweise hat ja der eine oder andere Interesse an dem Zeug.

Gruß
xaromz
//Edit: Auf Hinweis von Robert die Archive "entmüllt"

Update: Neue Version von MWKEdit. Jetzt mit eingebautem RTF-Support und überarbeitetem Beispielprogramm.

Update: Link angepasst.

[Robert Marquardt]

Nett, aber editier doch mal das .dpk File und stelle die Dateipfade auf relative Pfadnamen um.
Bitte *nie* das .dsk file mitliefern. Das enthaelt das Layout der Fenster in der IDE und das kann einem gewaltig auf den Sack gehen
wenn es von jemanden mit mehreren grossen Bildschirmen sein sollte.

[Bernhard Geyer]

Beim SVG-Viewer (Hab nur mal schnell die Exe ausprobiert) die Fehlermeldung mit Angeben falls die SVG-Datei vom XML-Parser nicht gelesen werden konnte. Habe hier genügend SVG-Dateien wo gar nichts passiert und würde gerne wissen wieso (Ungefährer Grund würde reichen).

[xaromz]

Hallo,

Zitat:

Zitat von Bernhard Geyer

Beim SVG-Viewer (Hab nur mal schnell die Exe ausprobiert) die Fehlermeldung mit Angeben falls die SVG-Datei vom XML-Parser nicht gelesen werden konnte. Habe hier genügend SVG-Dateien wo gar nichts passiert und würde gerne wissen wieso (Ungefährer Grund würde reichen).

die Fehlermeldung kommt vom TXMLDocument. Das wollte ich mal abfangen, hab ich dann aber wohl vergessen. Schick mir doch mal eins Deiner SVGs, dann kann ich auch sehen, was da schief läuft.
Eine Möglichkeit hab ich schon: Wenn im SVG keine Höhe und Breite angegeben ist rechnet meine Komponente diese Werte nicht aus. Möglicherweise fehlen also diese Werte. Leider hab ich keine Ahnung, wie ich die Größe berechnen könnte (ist mit dem ganzen Transformationszeug nicht so einfach).

Gruß
xaromz

[Bernhard Geyer]

Hab ein Beispieldokument angehängt.

Es wäre auch ganz gut wenn Default-Namespaces ergänzt würden, falls sie im XML fehlen (falls es einfach gehen würde).

[xaromz]

Hallo,

ich hab mir das mal angesehen.
Beim ersten SVG fehlt die Definition des Namespace "xlink". Deshalb meckert der Parser (aber mein Demo schluckt die Exception einfach, daher keine Meldung).
Beim zweiten SVG fehlt die Definition des Namespace "graphs". Ansonsten gilt das Obige.

Ich muss mich aber etwas wundern, da die beiden SVGs offensichtlich vom Illustrator stammen, aber wohl nicht validiert werden können.

Gruß
xaromz
//Edit: Zu "Test-AI10.svg": Mein Illustrator CS2 sagt dazu: "Diese SVG-Datei ist ungültig". Soviel dazu.

[Bernhard Geyer]

Zitat:

Zitat von xaromz

Ich muss mich aber etwas wundern, da die beiden SVGs offensichtlich vom Illustrator stammen, aber wohl nicht validiert werden können.

Schon mal probiert eine SVG von Visio in AI 10/CS zu laden (geht) und zu speichern um sie dann mit dem Adobe SVG-Viewre zu laden.

Zitat:

Zitat von xaromz

Zu "Test-AI10.svg": Mein Illustrator CS2 sagt dazu: "Diese SVG-Datei ist ungültig". Soviel dazu.

Mein CS2 sagt das auch. Soviel zum Thema Standard und Abwärtskompatiblität. Vor allem wie Arrogant Adobe hier teilweise Fehler behandelt. Hab diverse Fehler von AI 10 und AI CS gemeldet und das einzige Update das es gibt is CS2 :?
Und wir zahlen auch für den Adobe-Support.

[xaromz]

Hallo,

na ja, ist schade, dass der Erfinder des Formats so viel Mist baut. Glücklicherweise ist der SVG-Export im Illustrator CS2 wirklich gut (kein Müll in der Datei, kleiner Output undvor allem: richtig) :thumb: .

Gruß
xaromz
//Edit: rechtschrebung, rechtschreibung, rechtschreibung

[xaromz]

Hallo,

ich hab die Komponente "MWKEdit" überarbeitet, die neue Version findet ihr über den Link im ersten Beitrag.

Gruß
xaromz

[Nils_13]

Wenn ich die PaletteForm auf die Form setze, kommt der Fehler 'Element " hat kein übergeordnetes Fenster'.

[Der_Unwissende]

Hi,
echt nette Komponenten! Steckt sicherlich ne Menge Arbeit hinter.
Aber du solltest beim Editor noch einen Link/Hinweis auf TNT-Unicode Komponenten setzen, wäre nett.

Gruß Der Unwissende

[xaromz]

Hallo,

Zitat:

Zitat von Nils_13

Wenn ich die PaletteForm auf die Form setze, kommt der Fehler 'Element " hat kein übergeordnetes Fenster'.

da hat sich wohl ein Fehler eingschlichen. Danke für den Hinweis. Überarbeitete Version ist online.

Zitat:

Zitat von Der_Unwissende

Aber du solltest beim Editor noch einen Link/Hinweis auf TNT-Unicode Komponenten setzen, wäre nett.

Das ist ein Überbleibsel eines Tests. Ich hab den Editor jetzt umgestellt, so dass die Standard-Controls verwendet werden. Dann gibt's zwar Probleme mit exotischen Sprachen, aber dafür läuft's überall.

Gruß
xaromz

[0KommaNix]

Hallo xaromz,

auf der Suche nach einer Möglichkeit in Delphi SVG-Grafiken erstellen zu können habe ich deine SVGImage Komponent gefunden. Leider ist der Quelltext zum SVG-Viewer-Demo nicht mit dabei. Bin jetzt erst mal etwas ratlos wie ich die dort gezeigte Zoom-Funktion hinbekommen kann. Die Komponente selbst hat keine Eigenschaft 'Zoom'. Ich vermute, dass ich die SVG-Daten ändern und der Komponente jedes Mal neu unterschieben muss. Nichts was ich bisher probiert habe hat funktioniert. Könntest du mir bitte einen Tipp geben?

An besten ich beschreibe mal kurz was ich machen will, vielleicht ist meinen Anwendungsfall mit deine Komponente nicht so ohne weiteres realisierbar.

Mein Programm dient der Reparatur von beschädigten Dateidaten. Der Inhalt der zu reparierenden Datendatei besteht aus mehreren Chunks die auch ineinander verschachtelt sein können. Das Programm soll die Datei analysieren und die Datenstruktur grafisch darstellen. Ich dachte dabei an ein Band aus Rechtecken. Jedes Rechteck stellt ein Chunk dar. Die äußeren Chunk umschließt die jeweiligen inneren Chunks. Zum Beginn sieht der Anwender ein Übersichtsbild der gesamte Datei. Dabei werden die gefundenen Problemstellen farbig markiert. Um eine Problemstelle genauer Untersuchen zu können, muss sich der Anwender in das Bild hineinzoomen können. Er sollte die Möglichkeit haben einen Selektionsrahmen aufziehen zu können. In eingezoomten Zustand muss selbstverständlich auch ein Scrollen funktionieren. Solange der Anwende die Daten nicht editiert ist das SVG-Bild statisch. Durch Zoomen und Scrollen wird nur die "Viewbox" verändert. Folgender Versuch hat leider nicht funktioniert:

Delphi-Quellcode:

const
  TestSVG : WideString = (
    '<?xml version="1.0" encoding="utf-8"?>'#13#10+
    '<svg width="401.945" height="285.839" viewBox="0 0 %f %f" overflow="visible" '+
                            'enable-background="new 0 0 401.945 285.839">'#13#10+
      '  <g id="Ebene_1">'#13#10+
      '    <rect x="18.972" y="56.919" transform="matrix(0.9416 0.3368 -0.3368 0.9416 59.8869 -59.3444)" fill="#FFFFFF" stroke="#000000" width="364" height="172"/>'#13#10+
      '  </g>'#13#10+
    '</svg>'#13#10
  );

procedure TForm1.ScrollBar1Change(Sender: TObject);
var
  scale: double;
begin
  scale := ScrollBar1.Position*0.2;
  SVGImage1.SVG.LoadFromText(Format(TestSvg,[401.945*Scale, 285.839*scale]));
  SVGImage1.Update;
end;

Was SVG betrifft bin ich ein totaler Anfänger.

Gruß
Bernd

[xaromz]

Hallo,

Erstmal Herzlich Willommmen in der DP!

Zitat:

Zitat von 0KommaNix

auf der Suche nach einer Möglichkeit in Delphi SVG-Grafiken erstellen zu können habe ich deine SVGImage Komponent gefunden. Leider ist der Quelltext zum SVG-Viewer-Demo nicht mit dabei. Bin jetzt erst mal etwas ratlos wie ich die dort gezeigte Zoom-Funktion hinbekommen kann. Die Komponente selbst hat keine Eigenschaft 'Zoom'. Ich vermute, dass ich die SVG-Daten ändern und der Komponente jedes Mal neu unterschieben muss. Nichts was ich bisher probiert habe hat funktioniert. Könntest du mir bitte einen Tipp geben?

Klar kann ich Dir einen Tipp geben. Mein SVG-Demo benutzt nicht das SVGImage, sondern nur ein TSVG und eine TPaintbox (TSVGImage ist weit später entstanden). Dabei wird einfach eine Rect-Struktur berechnet, in die das SVG gezeichnet wird.

Ich habe gerade die SVGImage-Komponente überarbeitet, jetzt besitzt sie eine Eigenschaft "Scale". Damit solltest Du Dein Problem lösen können. Download auf meiner Webseite.

Zitat:

Zitat von 0KommaNix

An besten ich beschreibe mal kurz was ich machen will, vielleicht ist meinen Anwendungsfall mit deine Komponente nicht so ohne weiteres realisierbar.

[snip]

Das hört sich aber schon so an, als wäre eine TPaintbox, auf die die ganzen Sachen gemalt werden, die bessere Alternative.

Zitat:

Zitat von 0KommaNix

Folgender Versuch hat leider nicht funktioniert:

[snip]

Du bearbeitest hier ja nur die Viewbox, nicht die Größe des SVG (<svg width="401.945" height="285.839" ... ). Außerdem kann das so nicht funktionieren, da ein TSVGImage sich (bisher) überhaupt nicht um die tatsächliche Größe eines SVG gekümmert hat.

Zitat:

Zitat von 0KommaNix

Was SVG betrifft bin ich ein totaler Anfänger.

War ich auch bis vor Kurzem :wink: .

Gruß
xaromz

[0KommaNix]

Hallo,

Vielen Dank für den Willkommensgruß und die schnelle Hilfe.
Leider kann ich die neuen Quelltexte nicht kompilieren. Sind die Units
WideStringList und StringLibrary von dir oder kann ich die mir irgendwo herunterladen?

Ich habe mir MSXML 4.0 SP 2 vom der Microsoft Seite besorgt. Bei den Versuch die Typbibliothek zu installieren kommt die Fehlermeldung:
“A class named TDOMDocument is already installed”. Ich kann die Komponente nicht finden und bin mir auch sicher, dass ich noch nie was mit XML gemacht habe. Ich habe hier eine englische Delphi 7 (Build 8.1) Enterprise so ziemlich im Originalzustand. Die Unit MSXML2_TLB.pas konnte ich ohne Überschreibenwarnung erzeugen. Befürchte jetzt aber ein Versionschaos bezüglich den MSXML-Komponenten.

Da auch XML für mich Neuland ist, würde mich interessieren ob es einen Grund gegen Open XML gibt oder was der Grund war, dass du dich für MS-XML entschieden hast. Aber das nur am Rande – wichtiger ist mir eigentlich so schnell wie möglich deine Komponente ausprobieren zu können.

Gruß
Bernd

[xaromz]

Hallo,

Zitat:

Zitat von 0KommaNix

Leider kann ich die neuen Quelltexte nicht kompilieren. Sind die Units WideStringList und StringLibrary von dir oder kann ich die mir irgendwo herunterladen?

ich habe da leider einige Dateien vergessen. Da ich die Webseite gerade nicht updaten kann, hänge ich ein Archiv mit den fehlenden Dateien an.
//Edit: Habe das Archiv auf der Webseite aktualisiert.

Zitat:

Zitat von 0KommaNix

Ich habe mir MSXML 4.0 SP 2 vom der Microsoft Seite besorgt.

Hol' Dir lieber MSXML6.

Zitat:

Zitat von 0KommaNix

Da auch XML für mich Neuland ist, würde mich interessieren ob es einen Grund gegen Open XML gibt oder was der Grund war, dass du dich für MS-XML entschieden hast.

Dass ich mich für MSXML entschieden habe, liegt daran, dass es auf dem Rechner installiert war. Ich habe mir bisher einfach keine andere Implementierung angesehen.

Gruß
xaromz

[0KommaNix]

Hurra, es funktioniert!!!

Nun habe ich ein bisschen rumgespielt um herauszubekommen wie ich an besten Zoom und Bildlauf hinbekommen könnte. Einige Dinge funktionieren nicht wie ich es erwartet/gewünscht hätte, vielleicht liegt es ja daran, dass du noch an der Komponente arbeitest und noch nicht alles funktioniert wie geplant. Erschweren kommt hinzu, das ich nicht wissen kann für welchen Zweck du die Komponente entwickelst, bzw. wie dein Konzept aussieht.

Hier meine Wunschvorstellung/Vorschläge:

1.) Besser als den nun eingebaute Scale Eigenschaft würde es mir gefallen, wenn ich ein Eigenschaft ViewRect(Top, Left, Width, Height) hätte, mit dem ich angeben könnte welchen Teil des SVG-Canvas in TSVGImage dargestellt werden soll. Stretch, Center und Proportional müssten dazu abgeschalten sein. Der Anwender von ViewRect ist selbst für die Realisierung dieser Funktionen verantwortlich, indem er das Rechteck entsprechent wählt. Für Top und Left müssen auch negative Werte möglich sein um zentrieren zu können. Width und Height sind immer positiv. Damit das ganze Funktioniert müssen beim Laden einer SVG-Grafik die Eigenschaften Width und Height von TSVGImage.SVG auf die Boundingbox der Grafik gesetzt werden:
if exist SVG Attribut Width then
Boundingbox.Width := Max(Boundingbox.Width, SVG Attribut Width);
TSVGImage.SVG.Width := Min(TSVGImage.SVG.Width, Boundingbox.Width);
if exist SVG Attribut Heigth then
Boundingbox.Height := Max(Boundingbox.Height, SVG Attribut Heigth);
TSVGImage.SVG.Height := Min(TSVGImage.SVG.Height, Boundingbox.Height);

Ich stelle mir die Verwendung für eine zu programmierende TSVGScrollbox-Komponente dann so vor:
- Durch setzen von TSVGImage.SVG.Width / Height wird die Größe des leeren Dokumentes gesetzt.
Die Scrollbalken können bei Bedarf angezeigt werden.
- Beim Laden einer SVG-Grafik wird Viewbox ignoriert und die Width/Height Attribute wirken
wie oben beschrieben.

2.) Zuladen weiterer SVG-Grafik zulassen.

3.) Eigenschaft BackgrundColor: Ein-/Ausschaltbar. Ausgeschaltet entspricht den jetzigen verhalten. Eingeschaltet wird das Canvas zuerst in der Hintergrundfarbe gefüllt. Default Farbe ist Weiß.

4.) Darstellung auf dem Formular zur Entwicklerzeit:
Quelle: http://wiki.delphigl.com/index.php/T...tenentwicklung

Delphi-Quellcode:

procedure TSVGImage.Paint;
// ...
begin
  inherited;//Zeichen Procedure des Vorfahren aufrufen.
  if csDesigning in ComponentState then //Wenn sich die Komponente in Entwicklung befindet.
  begin
    {Zeichung eines gestrichelten Rahmens}
    Canvas.Brush.style := bsClear;//Durchsichtiges Rechteck
    Canvas.Pen.style := psDashDot;//Gestrichelte Linen
    Canvas.Rectangle(0,0,width,height);//Rechteck zeichnen
 
    {Namen der Komponente in die Mitte schreiben}
    canvas.TextOut((width - Canvas.TextWidth(Name)) div 2,(height - Canvas.TextHeight(Name)) div 2,name);
 
    {Keine weitern Zeichnungen mehr ausführen}
    exit;//Verlässt die Procedure
  end;
  //Normale Zeichen-Anweisungen
  //... 
end;

5. Open XML wird ziemlich gelobt, es scheint nur wie so offt bei der Dokumentation zu hapern.
Habe zum Thema http://homepages.borland.com/ccalver...XMLSimple.html
gefunden.
Open XML hätte den Vorteil auf Linux portierbar zu sein und man bräuchte keine Drittanbieter Komponenten mit ausliefern. Beides ist für mich nicht so wichtig.

Gruß
Bernd

[xaromz]

Hallo,

Zitat:

Zitat von 0KommaNix

Nun habe ich ein bisschen rumgespielt um herauszubekommen wie ich an besten Zoom und Bildlauf hinbekommen könnte. Einige Dinge funktionieren nicht wie ich es erwartet/gewünscht hätte, vielleicht liegt es ja daran, dass du noch an der Komponente arbeitest und noch nicht alles funktioniert wie geplant. Erschweren kommt hinzu, das ich nicht wissen kann für welchen Zweck du die Komponente entwickelst, bzw. wie dein Konzept aussieht.

Meine Idee war lediglich, dass ich SVGs darstellen kann. Dabei wollte ich diese nur auf einen Canvas malen. Dass man nun ein SVG auch in ein TImage laden kann, ist nur eine Erweiterung des ursprünglichen Plans. Das hab' ich eher nebenher gemacht.

Zitat:

Zitat von 0KommaNix

Hier meine Wunschvorstellung/Vorschläge:

1.) Besser als den nun eingebaute Scale Eigenschaft würde es mir gefallen, wenn ich ein Eigenschaft ViewRect(Top, Left, Width, Height) hätte, mit dem ich angeben könnte welchen Teil des SVG-Canvas in TSVGImage dargestellt werden soll. Stretch, Center und Proportional müssten dazu abgeschalten sein. Der Anwender von ViewRect ist selbst für die Realisierung dieser Funktionen verantwortlich, indem er das Rechteck entsprechent wählt. Für Top und Left müssen auch negative Werte möglich sein um zentrieren zu können. Width und Height sind immer positiv. Damit das ganze Funktioniert müssen beim Laden einer SVG-Grafik die Eigenschaften Width und Height von TSVGImage.SVG auf die Boundingbox der Grafik gesetzt werden:
if exist SVG Attribut Width then
Boundingbox.Width := Max(Boundingbox.Width, SVG Attribut Width);
TSVGImage.SVG.Width := Min(TSVGImage.SVG.Width, Boundingbox.Width);
if exist SVG Attribut Heigth then
Boundingbox.Height := Max(Boundingbox.Height, SVG Attribut Heigth);
TSVGImage.SVG.Height := Min(TSVGImage.SVG.Height, Boundingbox.Height);

Ich stelle mir die Verwendung für eine zu programmierende TSVGScrollbox-Komponente dann so vor:
- Durch setzen von TSVGImage.SVG.Width / Height wird die Größe des leeren Dokumentes gesetzt.
Die Scrollbalken können bei Bedarf angezeigt werden.
- Beim Laden einer SVG-Grafik wird Viewbox ignoriert und die Width/Height Attribute wirken
wie oben beschrieben.

Wie ich schon in einer vorigen Nachricht geschrieben habe, wäre da ein TCanvas besser, auf dem Du ein TSVG malst. Das sieht dann so bsp. so aus:

Delphi-Quellcode:

procedure PaintSVGTo(SVG: TSVG; Canvas: TCanvas; Left, Top: Integer; Scale: Double);
var
  W, H: Integer;
begin
  W := Round(SVG.Width * Scale);
  H := Round(SVG.Height * Scale);
  SVG.PaintTo(Canvas.Handle,
    MakeRect(Left, Top, W, H));
end;

Zitat:

Zitat von 0KommaNix

2.) Zuladen weiterer SVG-Grafik zulassen.

Auch das funktioniert nur mittels TCanvas und Malen der einzelnen SVGs. Du kannst aber die SVGs in einer TSVGImageList organisieren. Alternativ kannst Du natürlich ein SVG aus zweien zusammenbauen, indem Du beide einliest und dann die Knoten des einen SVGs unterhalb von Root in das andere kopierst.

Zitat:

Zitat von 0KommaNix

3.) Eigenschaft BackgrundColor: Ein-/Ausschaltbar. Ausgeschaltet entspricht den jetzigen verhalten. Eingeschaltet wird das Canvas zuerst in der Hintergrundfarbe gefüllt. Default Farbe ist Weiß.

Ein SVG ist grundsätzlich immer transparent. Es wird nur gezeichnet, was im SVG definiert ist. Das ist so gewollt. Wenn Du einen Hintergrund haben willst, musst Du diesen (z. B. als weißes Rechteck) im SVG definieren.

Zitat:

Zitat von 0KommaNix

4.) Darstellung auf dem Formular zur Entwicklerzeit:
Quelle: http://wiki.delphigl.com/index.php/T...tenentwicklung

Stimmt. Das hat mich auch schon immer gestört. Ich war nur zu faul.
Ist erledigt.

Zitat:

Zitat von 0KommaNix

5. Open XML wird ziemlich gelobt, es scheint nur wie so offt bei der Dokumentation zu hapern.
Habe zum Thema http://homepages.borland.com/ccalver...XMLSimple.html
gefunden.
Open XML hätte den Vorteil auf Linux portierbar zu sein und man bräuchte keine Drittanbieter Komponenten mit ausliefern. Beides ist für mich nicht so wichtig.

Diese Komponente baut dermaßen auf Windows-Funktionen auf, dass eine Protierung sowieso nicht in Frage käme. Irgendwann werde ich das vielleicht mal auf .Net portieren, da ist der Aufwand nicht so groß.

Gruß
xaromz

[0KommaNix]

Hallo,

Zitat:

Zitat von xaromz

Wie ich schon in einer vorigen Nachricht geschrieben habe, wäre da ein TCanvas besser, auf dem Du ein TSVG malst. Das sieht dann so bsp. so aus:

Delphi-Quellcode:

procedure PaintSVGTo(SVG: TSVG; Canvas: TCanvas; Left, Top: Integer; Scale: Double);
var
  W, H: Integer;
begin
  W := Round(SVG.Width * Scale);
  H := Round(SVG.Height * Scale);
  SVG.PaintTo(Canvas.Handle,
    MakeRect(Left, Top, W, H));
end;

Vielen Dank, so werde ich es machen.

Gruß Bernd

[xZise]

Auch wenn es etwas her ist, aber unter welcher Lizenz steht der Quelltext?

MfG
xZise

[xaromz]

Hallo,

Zitat:

Zitat von xZise

Auch wenn es etwas her ist, aber unter welcher Lizenz steht der Quelltext?

momentan ist das wohl Freeware. Ich habe mir erlich gesagt über die Lizenz noch keine großen Gedanken gemacht (außer dass ich als Autor genannt werden will).

Gruß
xaromz