Difference between revisions of "Skizze"
| Line 15: | Line 15: | ||
Unterhalb befindet sich die Objektauswahl zusammen mit einem Textfeld, das die bereits eingefügten Objekte (geometrische Formen) in codierter Form zeigt. Zur Auswahl stehen aktuell die folgenden Objekte: | Unterhalb befindet sich die Objektauswahl zusammen mit einem Textfeld, das die bereits eingefügten Objekte (geometrische Formen) in codierter Form zeigt. Zur Auswahl stehen aktuell die folgenden Objekte: | ||
| − | * Bild | + | * Bild ("B", externe Bilddatei) |
| − | * Fläche | + | * Fläche ("F", ausgefüllte Polygon-Fläche) |
| − | * Gitter | + | * Gitter ("G", Gitterlinien) |
| − | * Kreisbogen | + | * Kreisbogen ("K", ebenfalls Kreise, optional ausgefüllt) |
| − | * Linienzug | + | * Linienzug ("L", Strecken zwischen jeweils zwei Punkten) |
| − | * Pfeil | + | * Pfeil ("P", auch Doppelpfeile) |
| − | * Text | + | * Text ("T") |
| − | Um eine Form einzufügen, wird aus der Auswahlliste die gewünschte Form gewählt und anschließend auf die Schaltfläche "Einfügen!" geklickt. Es öffnet sich daraufhin ein Dialogfenster, in dem die Form konfiguriert wird. | + | Um eine Form einzufügen, wird aus der Auswahlliste die gewünschte Form gewählt und anschließend auf die Schaltfläche "Einfügen!" geklickt. Es öffnet sich daraufhin ein Dialogfenster, in dem die Form konfiguriert wird. |
| − | + | Ein Punkt wird mit Koordinaten in Klammern, also z.B. (10,30), angegeben. Bei "Fläche" und "Linienzug" werden mehrere Punkte durch Semikolon getrennt, z.B. (10,20);(100,50). Diese Punkte werden dann in der genannten Reihenfolge verbunden. | |
| − | Im unteren Teil der Einstellungen befindet sich eine Vorschau, die die Objekte im Textfeld zeichnet. Eine Änderung im Textfeld wird hier unmittelbar sichtbar. Erst nach dem Klick auf "Übernehmen" wirken sich die Änderungen auch aus. | + | Um einen einzelnen Punkt einzuzeichnen, kann ein Kreis mit kleinem Radius eingefügt werden. |
| + | |||
| + | Winkelangaben sind in '''Grad''' zu verstehen, ein ganzer Kreis deckt beispielsweise den Winkelbereich 0 bis 360 ab. | ||
| + | |||
| + | Um ein Bild einzufügen, kann die Bild-Komponente genutzt werden, um das Bild hochzuladen. Einmal hochgeladen, kann dann die URL des Bildes genutzt werden. | ||
| + | |||
| + | Die Option "skalieren", die bei Textgröße und Linienstärke zur Verfügung steht, bewirkt, dass sich die Größe ebenfalls verändert, wenn sich die Größe des Bildes verändert. Ist die Option "skalieren" ausgeschaltet, bleibt die Schriftgröße oder Linienstärke immer gleich, auch wenn sich die Größe des Bildes ändert. | ||
| + | |||
| + | Nach Bestätigung des Dialogs durch Klick auf "Einfügen" erscheint das Objekt in codierter Form im Textfeld und wird im unteren Bereich in der Vorschau gezeichnet. Im Textfeld können manuell Werte geändert werden. Doppelklick in den Code öffnet erneut das Dialogfenster zur Konfiguration. | ||
| + | |||
| + | Beim Zeichnen der Objekte spielt die Reihenfolge eine große Rolle, da sie darüber entscheidet, welche Objekte im Vordergrund stehen und dadurch andere Objekte möglicherweise teilweise verdecken. Um die Reihenfolge zu ändern, können im Textfeld die zugehörigen Zeilen ausgeschnitten und an anderer Stelle eingefügt werden. Mit der Tastenkombination Strg Z kann die letzte Änderung im Textfeld auch wieder rückgängig gemacht werden. | ||
| + | |||
| + | Im unteren Teil der Seite für die Einstellungen befindet sich eine Vorschau, die die Objekte im Textfeld zeichnet. Eine Änderung im Textfeld wird hier unmittelbar sichtbar. Erst nach dem Klick auf "Übernehmen" wirken sich die Änderungen auch aus. | ||
---- | ---- | ||
| − | ''Empfehlung:'' Es ist hilfreich, die gewünschte | + | ''Empfehlung:'' Es ist hilfreich, die gewünschte Skizze vorher auf Papier in einem Koordinatensystem zu zeichen. Die Koordinaten der Punkte lassen sich dann leicht in den Einstellungen eingeben und ggf. nachbessern. |
Revision as of 14:24, 23 July 2021
Die Komponente befindet sich noch im Entwicklungsstadium. Benutzeroberfläche und Funktionsumfang können sich in naher Zukunft noch deutlich ändern.
Mit Hilfe dieser Komponente können Bilder aus geometrischen Grundformen wie Kreisen und Linien erstellt werden.
Verwendung
Aufgabenstellung und Lösung: Die Komponente kann in einen beliebigen Container eingefügt werden. Die Grafik wird dabei die gesamte Breite des umgebenden Containers ausfüllen. Um eine kleinere Grafik zu erzeugen, sollte zuerst ein weiterer Container eingefügt werden, dessen Breite (in den Einstellungen des Containers) der gewünschten Breite der Skizze entspricht.
Doppelklick auf die eingefügte Komponente öffnet wie üblich die Einstellungen.
Einstellungen
Die Ansicht der Einstellungen ist dreigeteilt. Ganz oben kann der Koordinatenraum festgelegt werden sowie eine Hintergrundfarbe gewählt werden. Die linke untere Ecke des Bildes entspricht dem Nullpunkt O(0;0). Werden beispielsweise als größte x-Koordinate 200 bzw. größte y-Koordinate 400 gewählt, besitzt die obere rechte Ecke des Bildes die Koordinaten (200;400).
Unterhalb befindet sich die Objektauswahl zusammen mit einem Textfeld, das die bereits eingefügten Objekte (geometrische Formen) in codierter Form zeigt. Zur Auswahl stehen aktuell die folgenden Objekte:
- Bild ("B", externe Bilddatei)
- Fläche ("F", ausgefüllte Polygon-Fläche)
- Gitter ("G", Gitterlinien)
- Kreisbogen ("K", ebenfalls Kreise, optional ausgefüllt)
- Linienzug ("L", Strecken zwischen jeweils zwei Punkten)
- Pfeil ("P", auch Doppelpfeile)
- Text ("T")
Um eine Form einzufügen, wird aus der Auswahlliste die gewünschte Form gewählt und anschließend auf die Schaltfläche "Einfügen!" geklickt. Es öffnet sich daraufhin ein Dialogfenster, in dem die Form konfiguriert wird.
Ein Punkt wird mit Koordinaten in Klammern, also z.B. (10,30), angegeben. Bei "Fläche" und "Linienzug" werden mehrere Punkte durch Semikolon getrennt, z.B. (10,20);(100,50). Diese Punkte werden dann in der genannten Reihenfolge verbunden.
Um einen einzelnen Punkt einzuzeichnen, kann ein Kreis mit kleinem Radius eingefügt werden.
Winkelangaben sind in Grad zu verstehen, ein ganzer Kreis deckt beispielsweise den Winkelbereich 0 bis 360 ab.
Um ein Bild einzufügen, kann die Bild-Komponente genutzt werden, um das Bild hochzuladen. Einmal hochgeladen, kann dann die URL des Bildes genutzt werden.
Die Option "skalieren", die bei Textgröße und Linienstärke zur Verfügung steht, bewirkt, dass sich die Größe ebenfalls verändert, wenn sich die Größe des Bildes verändert. Ist die Option "skalieren" ausgeschaltet, bleibt die Schriftgröße oder Linienstärke immer gleich, auch wenn sich die Größe des Bildes ändert.
Nach Bestätigung des Dialogs durch Klick auf "Einfügen" erscheint das Objekt in codierter Form im Textfeld und wird im unteren Bereich in der Vorschau gezeichnet. Im Textfeld können manuell Werte geändert werden. Doppelklick in den Code öffnet erneut das Dialogfenster zur Konfiguration.
Beim Zeichnen der Objekte spielt die Reihenfolge eine große Rolle, da sie darüber entscheidet, welche Objekte im Vordergrund stehen und dadurch andere Objekte möglicherweise teilweise verdecken. Um die Reihenfolge zu ändern, können im Textfeld die zugehörigen Zeilen ausgeschnitten und an anderer Stelle eingefügt werden. Mit der Tastenkombination Strg Z kann die letzte Änderung im Textfeld auch wieder rückgängig gemacht werden.
Im unteren Teil der Seite für die Einstellungen befindet sich eine Vorschau, die die Objekte im Textfeld zeichnet. Eine Änderung im Textfeld wird hier unmittelbar sichtbar. Erst nach dem Klick auf "Übernehmen" wirken sich die Änderungen auch aus.
Empfehlung: Es ist hilfreich, die gewünschte Skizze vorher auf Papier in einem Koordinatensystem zu zeichen. Die Koordinaten der Punkte lassen sich dann leicht in den Einstellungen eingeben und ggf. nachbessern.
