Die App Schritt für Schritt · Kapitel 24
Leinwand
Manche Gedanken ordnest du lieber nebeneinander als untereinander, etwa Rezepte neben der Einkaufsliste oder einen Plan mit Pfeilen von Schritt zu Schritt. Dafür gibt es die Leinwand, eine Fläche ohne Rand, auf die du Notizen, Text, Bilder und Links legst und mit Pfeilen verbindest. Sie liegt als Datei mit der Endung .canvas neben deinen Notizen, im offenen Format JSON Canvas, das auch andere Programme lesen.
Eine Leinwand anlegen
Klick in der Seitenleiste mit der rechten Maustaste auf einen Ordner oder einen Bereich und wähl Neue Leinwand …. Die neue Leinwand ist leer und liegt in diesem Ordner. In der Seitenleiste erkennst du sie an ihrem eigenen Symbol, und sie öffnet sich mit einem Klick wie eine Notiz.
Was du auf eine Leinwand legen kannst
Unten auf der Leinwand steht eine Leiste mit allem, was du hinzufügen kannst. Dasselbe bietet ein Rechtsklick auf eine freie Stelle, und dann erscheint die neue Karte genau dort, wo du geklickt hast.
| Karte | So legst du sie an |
|---|---|
| Text | Doppelklick auf eine freie Stelle. Du schreibst darin mit demselben Editor wie in einer Notiz, mit Links, Listen, Aufgaben und Formeln. |
| Notiz | Unten Notiz, oder eine Notiz aus der Seitenleiste auf die Leinwand ziehen. Die Karte zeigt die ganze Notiz oder nur einen Abschnitt daraus. |
| Bild oder Datei | Unten Datei, oder aus der Seitenleiste ziehen. Bilder zeigen sich, andere Dateien als Kachel mit ihrem Namen. |
| Link | Unten Link und eine Webadresse. Ein Klick auf die Karte öffnet die Seite in einem neuen Tab. |
| Gruppe | Unten Gruppe. Was ganz in einer Gruppe liegt, wandert mit, wenn du sie verschiebst. |
Eine Notiz lesen und gleich daneben bearbeiten
Eine Notizkarte zeigt die Notiz so, wie sie beim Lesen aussieht. Ein Doppelklick öffnet sie rechts neben der Leinwand im gewohnten Editor, und was du dort schreibst, steht gleich darauf auf der Karte. Mit In der Seitenleiste zeigen in der Leiste über der Karte springst du zu der Notiz in der Seitenleiste, und mit Als Seite öffnen öffnest du sie ganz.
Ordnen, ohne lange zu schieben
Ziehst du eine Karte an eine andere heran, rasten ihre Kanten und Mitten ein, und dünne Leitlinien zeigen, woran sie sich ausrichtet. Hältst du beim Ziehen Alt gedrückt, rastet nichts ein, und der Magnet oben rechts schaltet das Einrasten ganz ab. Eine Karte ist halb durchsichtig, solange du sie ziehst, damit du siehst, was darunter liegt. An der Ecke unten rechts änderst du ihre Größe.
Über einer gewählten Karte erscheint eine kleine Leiste mit Farbe, Bearbeiten und Entfernen, und dasselbe bietet der Rechtsklick auf die Karte. Mehrere Karten wählst du mit Strg oder Shift und Klick, alle auf einmal mit Strg + A, und dann färbst oder verschiebst du sie gemeinsam.
Pfeile, die ihren Weg finden
Fährst du mit der Maus über eine Karte, erscheint an jeder Seite ein Punkt. Von dort ziehst du einen Pfeil zu einer anderen Karte. Lässt du ihn auf einem ihrer Punkte los, endet er dort, und lässt du ihn irgendwo sonst auf der Karte los, endet er an der Seite, die dem Mauszeiger am nächsten ist.
Pfeile laufen eckig um die Karten herum, die ihnen im Weg liegen, und knicken in der Mitte zwischen zwei Karten. Ein Klick auf einen Pfeil zeigt oben seine Werkzeuge für Beschriftung, Spitzen an beiden Enden, Farbe und Entfernen. Die Beschriftung bleibt lesbar, wie weit du auch herauszoomst.
Liegen Karten übereinander, findet ein Pfeil keinen Weg drum herum. Dann zeichnet nexlore ihn als Kurve, die unter der oberen Karte verschwindet. In der Datei stehen ohnehin nur die beiden Seiten, die ein Pfeil verbindet, und jedes andere Programm zeichnet ihn auf seine Weise.
Lore sagtEckige Pfeile lesen sich auf vollen Leinwänden am besten. Meine Fäden spanne ich übrigens genauso, nur mit acht Beinen.
Karten aus anderen Bereichen
Eine Notiz oder ein Bild darf aus jedem Bereich kommen, den du lesen darfst. Zieh sie aus der Seitenleiste herein, oder such sie unten über Notiz, das alle deine Bereiche durchsucht. Im Kopf der Karte steht dann, aus welchem Bereich sie stammt.
Wer die Leinwand sehen darf, jenen Bereich aber nicht, bekommt die Karte gesperrt angezeigt, mit einem Schloss und ihrem Namen. Von ihrem Inhalt erreicht seinen Browser nichts, darauf achtet der Server.
Wenn sich deine Notizen ändern
Benennst du eine Notiz um, verschiebst sie oder benennst ihren Bereich um, zieht nexlore die Leinwand nach. Löschst du eine Notiz, die auf einer Leinwand liegt, nennt der Löschdialog die Leinwand. Die Karte bleibt mit Platz, Größe und Pfeilen stehen und sagt, dass es die Notiz nicht mehr gibt, und holst du die Notiz aus dem Papierkorb zurück, zeigt die Karte sie wieder.
Eine Notiz nennt in ihren Rückverweisen die Leinwände, auf denen sie liegt. Jede Speicherung einer Leinwand ist eine Version, und eine ältere holst du oben über Versionen zurück. Eine Leinwand bearbeitet immer eine Person zur Zeit. Wer sie gleichzeitig öffnet, sieht einen Hinweis und die Leinwand, wie sie ist, und sobald gespeichert ist, lädt sie neu.
Auf dem Handy schaust du dich auf einer Leinwand um, liest die Karten, bearbeitest Textkarten und öffnest Notizen. Karten anordnen und Pfeile ziehen geht am Rechner. Weit herausgezoomt zeigen Karten nur noch ihren Titel.
Die Tasten auf der Leinwand
| Tasten | Was sie tun |
|---|---|
| Entf oder die Rücktaste | gewählte Karten samt ihren Pfeilen und gewählte Pfeile von der Leinwand nehmen |
| Strg + Z, Strg + Shift + Z | rückgängig und wiederholen, auch ein Entfernen mit allen Pfeilen in einem Schritt |
| Strg + A | alle Karten wählen |
| Enter | die gewählte Textkarte bearbeiten |
| Esc | das Bearbeiten beenden und die Auswahl aufheben |
| Alt beim Ziehen | das Einrasten umkehren |
So sieht die Datei aus
Eine Leinwand ist eine gewöhnliche Textdatei. nexlore schreibt sie mit Tabulatoren und einer Karte je Zeile, sodass sich beim Speichern nur die Zeilen ändern, an denen du etwas geändert hast.
{
"nodes":[
{"id":"a1","type":"text","text":"Dinner party","x":0,"y":0,"width":300,"height":140},
{"id":"b2","type":"file","file":"Kitchen/Recipes/Focaccia.md","x":440,"y":0,"width":320,"height":220}
],
"edges":[
{"id":"c3","fromNode":"a1","fromSide":"right","toNode":"b2","toSide":"left","label":"starter"}
]
}