172 lines
16 KiB
HTML
172 lines
16 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
|
||
<head>
|
||
<!--
|
||
*
|
||
* Copyright 2008-2017, Haiku. All rights reserved.
|
||
* Distributed under the terms of the MIT License.
|
||
*
|
||
* Authors:
|
||
* Humdinger <humdingerb@gmail.com>
|
||
* Translators:
|
||
* Humdinger
|
||
* taos
|
||
*
|
||
-->
|
||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||
<meta http-equiv="Content-Style-Type" content="text/css" />
|
||
<meta name="robots" content="all" />
|
||
<title>Haikus Benutzeroberfläche</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<link rel="stylesheet" type="text/css" href="../Haiku-doc.css" />
|
||
</head>
|
||
<body>
|
||
|
||
<div id="banner">
|
||
<div><span>User Guide</span></div>
|
||
</div>
|
||
|
||
<div class="nav">
|
||
<div class="inner">
|
||
<ul class="lang-menu">
|
||
<li class="now"><img src="../images/flags/de.png" alt="" /> Deutsch</li>
|
||
<li><a href="../ca/gui.html"><img src="../images/flags/ca.png" alt="" />Català</a></li>
|
||
<li><a href="../en/gui.html"><img src="../images/flags/gb.png" alt="" />English</a></li>
|
||
<li><a href="../es/gui.html"><img src="../images/flags/es.png" alt="" />Español</a></li>
|
||
<li><a href="../fr/gui.html"><img src="../images/flags/fr.png" alt="" />Français</a></li>
|
||
<li><a href="../it/gui.html"><img src="../images/flags/it.png" alt="" />Italiano</a></li>
|
||
<li><a href="../hu/gui.html"><img src="../images/flags/hu.png" alt="" />Magyar</a></li>
|
||
<li><a href="../pl/gui.html"><img src="../images/flags/pl.png" alt="" />Polski</a></li>
|
||
<li><a href="../pt_PT/gui.html"><img src="../images/flags/pt_PT.png" alt="" />Português</a></li>
|
||
<li><a href="../pt_BR/gui.html"><img src="../images/flags/pt_BR.png" alt="" />Português (Brazil)</a></li>
|
||
<li><a href="../ro/gui.html"><img src="../images/flags/ro.png" alt="" />Română</a></li>
|
||
<li><a href="../sk/gui.html"><img src="../images/flags/sk.png" alt="" />Slovenčina</a></li>
|
||
<li><a href="../fi/gui.html"><img src="../images/flags/fi.png" alt="" />Suomi</a></li>
|
||
<li><a href="../sv_SE/gui.html"><img src="../images/flags/sv_SE.png" alt="" />Svenska</a></li>
|
||
<li><a href="../zh_CN/gui.html"><img src="../images/flags/zh_CN.png" alt="" /> 中文 ［中文］</a></li>
|
||
<li><a href="../ru/gui.html"><img src="../images/flags/ru.png" alt="" />Русский</a></li>
|
||
<li><a href="../uk/gui.html"><img src="../images/flags/uk.png" alt="" />Українська</a></li>
|
||
<li><a href="../jp/gui.html"><img src="../images/flags/jp.png" alt="" />日本語</a></li>
|
||
</ul>
|
||
<span>
|
||
« <a href="filesystem-layout.html">Dateisystem Layout</a>
|
||
:: <a href="contents.html" class="uplink">Inhalt</a>
|
||
:: <a href="workspaces.html"><acronym title="Workspaces">Arbeitsflächen</acronym></a> »
|
||
</span></div>
|
||
</div>
|
||
|
||
<div id="content">
|
||
<div>
|
||
|
||
<table class="index" id="index" summary="index">
|
||
<tr class="heading"><td>Index</td></tr>
|
||
<tr class="index"><td>
|
||
<a href="#move-resize">Bequem Fenstergröße und -position ändern</a><br />
|
||
<a href="#stack-tile">Stack & Tile</a><br />
|
||
<a href="#open-save-panel">Dialoge zum Öffnen und Speichern</a><br />
|
||
<a href="#replicants">Replikanten</a></td></tr>
|
||
</table>
|
||
|
||
<h1>Haikus Benutzeroberfläche</h1>
|
||
|
||
<p>Haikus grafische Benutzeroberfläche ist ein fundamentaler Bestandteil des Systems. Anders als bei anderen Unix-ähnlichen Systemen gibt es keinen getrennten Fenstermanager, und nur in eine Konsole hochfahren ist nicht möglich. Weil sich Haiku ganz auf den Desktop-Nutzer konzentriert, ist dies einfach nicht nötig.</p>
|
||
<p>Weil die meisten wohl schon Erfahrung mit anderen grafischen Benutzeroberflächen haben, überspringen wir mal die Standards wie Menüs, Rechtsklick Kontextmenüs, Drag&Drop etc. Konzentrieren wir uns stattdessen auf die paar Besonderheiten der Haiku Oberfläche.</p>
|
||
<img src="images/gui-images/gui.png" alt="gui.png" />
|
||
<p>Haikus GUI ist ziemlich selbst erklärend; nur wenige Dinge bedürfen einer weiteren Erläuterung.</p>
|
||
<ol>
|
||
<li><p>Die Deskbar ist sozusagen Haikus "Start" Menü und Taskbar, siehe <a href="deskbar.html">Deskbar</a>.</p></li>
|
||
<li>Der gelbe Reiter zeigt mehr als den Programm- oder Dateinamen:
|
||
<ul><li>Er lässt sich verschieben, indem man die <span class="key">SHIFT</span> Taste gedrückt hält, während man ihn an eine andere Position zieht. So lassen sich einige Fenster hintereinander anordnen, und bleiben durch ihre beschrifteten Reiter einfach erreichbar.</li>
|
||
<li>Durch einen Doppelklick auf den Reiter werden Fenster minimiert (oder per <span class="key">STRG</span> <span class="key">ALT</span> <span class="key">M</span>). Auf ein so minimiertes Fenster kann über dessen Eintrag in der <a href="deskbar.html">Deskbar</a> oder dem <a href="twitcher.html">Twitcher</a> zugegriffen werden.</li>
|
||
<li>Ein Rechtsklick auf den Reiter eines Fensters (oder dessen Rahmen) schickt es in der Hierarchie offener Fenster ganz nach hinten.</li></ul></li>
|
||
<li><p>Der Button zum Fenster schließen.</p></li>
|
||
<li><p>Der "Zoom" Button (auch durch <span class="key">STRG</span> <span class="key">ALT</span> <span class="key">Z</span>). Die meisten Anwendungen ziehen damit ihr Fenster auf die Maximalgröße, ohne dabei die Deskbar zu verdecken (zusätzlich <span class="key">SHIFT</span> halten, um keine Rücksicht auf die Deskbar zu nehmen). Das muss aber nicht immer so sein. Tracker-Fenster etwa, ändern sich so, dass der Inhalt optimal dargestellt wird.</p></li>
|
||
<li><p>Der Fensterrahmen: zieht man mit der linken Maustaste, wird das Fenster verschoben, mit der rechten wird die Fenstergröße geändert.</p></li>
|
||
<li><p>Die Ecke zum Ändern der Fenstergröße.</p></li>
|
||
</ol>
|
||
|
||
<h2>
|
||
<a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="move-resize" name="move-resize">Bequem Fenstergröße und -position ändern</a></h2>
|
||
<p>Arbeitet man mit mehreren Anwendungen gleichzeitig müssen oft Fenster verschoben oder in der Größe verändert werden. Es gibt dafür einen bequemeren Weg als auf die kleinen gelben Reiter zu zielen oder auf die noch kleineren Fensterrahmen. Und zu seiner geringen Größe kommt bei der Ecke noch dazu, dass man die Fenstergröße nur hier und auch nur in Richtung rechts und unten ändern kann.<br />
|
||
Sicher, per Rechtsklick kann man ein Fenster auch an jeder Rahmenstelle in der Größe ändern, aber dazu muss man auch ziemlich genau zielen.</p>
|
||
<p>Haikus Lösung ist die Einführung des Tastenkürzels <span class="key">STRG</span> <span class="key">ALT</span> in Kombination mit der Maus. Siehe dazu auch das Kapitel <a href="keyboard-shortcuts.html#general">Tastaturkürzel und Tastenkombinationen</a> für weitere Kürzel zum Fenstermanagement.</p>
|
||
<img src="images/gui-images/resizing.png" alt="resizing.png" />
|
||
<p>Wird <span class="key">STRG</span> <span class="key">ALT</span> gehalten, färben sich die dem Mauszeiger nächstgelegenen Fensterrahmen. Bewegt man die Maus in die Nähe eines anderen Rahmens, ändert sich das Ziel der Aktion entsprechend. Klickt und zieht man nun die Maus mit der <i>rechten Maustaste</i>, wird das Fenster entlang der eingefärbten Seite(n) vergrößert oder verkleinert.</p>
|
||
<p>Hält man <span class="key">STRG</span> <span class="key">ALT</span> und klickt mit der <i>linken Maustaste</i> irgendwo in ein Fenster, kann man es verschieben. Ein kurzer Klick mit der <i>rechten Maustaste</i> schickt das Fenster in den Hintergrund.</p>
|
||
|
||
<h2>
|
||
<a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="stack-tile" name="stack-tile">Stack & Tile</a></h2>
|
||
<p>Haikus grafische Oberfläche bietet eine Funktion, die die Tatsache nutzt, dass Fenster nur einen gelben Reiter haben anstatt einer Titelleiste auf ganzer Breite. Dieses Feature heißt "Stack & Tile".<br />
|
||
Das folgende Beispiel zeigt ein Tracker-Fenster mit Lesezeichen, das zur Linken eines WebPositive Fensters klebt ("Tiling"), das wiederum mit einem anderen Tracker-Fenster gestapelt wurde ("Stacking"), das den Sourcecode-Ordner <tt>haiku</tt> zeigt. Die Animation simuliert, wie der Benutzer mit einem Klick auf die Titelreiter der Fenster im Stapel abwechselnd mal das eine, mal das andere Fenster in den Vordergrund holt.</p>
|
||
<img src="images/gui-images/gui-s+t.gif" alt="gui-s+t.gif" />
|
||
<p>So verbunden, können die Fenster gemeinsam als Gruppe verschoben oder in der Größe verändert werden. Praktisch, wenn man projektorientiert arbeiten möchte: Anstatt nach dem Browserfenster mit der Dokumentation, dem Editor, Tracker-Fenster und vielleicht eine das aktuelle Projekt betreffende Email zu suchen, werden all diese Fenster einfach per "Stack & Tile" zusammengefügt.</p>
|
||
<p>Das eigentliche Gruppieren von Fenstern ist einfach: Man hält <span class="key">OPT</span> gedrückt während man ein Fenster an seinem Reiter greift; bewegt man das Fenster nun in die Nähe von Reiter oder Rahmen eines anderen Fensters, ändert sich deren Farbe und man lässt das Fenster los.</p>
|
||
<p>"Stack & Tile" besteht aus zwei verwandten Komponenten.</p>
|
||
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td><img src="images/gui-images/gui-stacking.png" alt="gui-stacking.png" /></td><td width="10"></td>
|
||
<td><p>Als "<i>Stacking</i>" bezeichnet man das Stapeln von Fenstern; die gelben Reiter werden dabei automatisch nebeneinander angeordnet.<br />
|
||
Beim Halten von <span class="key">OPT</span> ändert sich die Farbe der Reiter, sobald sie überlappen; durch Loslassen werden die Fenster dann gestapelt.</p></td></tr></table>
|
||
<table summary="layout" border="0" cellspacing="0" cellpadding="2" vspace="10">
|
||
<tr><td><img src="images/gui-images/gui-tiling.png" alt="gui-tilinging.png" /></td><td></td>
|
||
<td><p>Unter "<i>Tiling</i>" versteht man das horizontale oder vertikale Andocken von Fenstern, so dass sie praktisch aneinander kleben bleiben.<br />
|
||
Wieder ändern sich beim Halten von <span class="key">OPT</span> Farben, diesmal die Andockstellen der Rahmen, sobald sich zwei Fenster nahe genug gekommen sind.</p></td></tr></table>
|
||
<p>Trennen lassen sich Fenster auf gleiche Weise: <span class="key">OPT</span> halten und ein Fenster an seinem Reiter fassen und aus der Fenstergruppe ziehen.</p>
|
||
|
||
<h2>
|
||
<a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="open-save-panel" name="open-save-panel">Dialoge zum Öffnen und Speichern</a></h2>
|
||
<p>Öffnet oder speichert man eine Datei in irgendeiner Anwendung, erscheint so ein Dialog:</p>
|
||
<img src="images/gui-images/open-save.png" alt="open-save.png" />
|
||
<p>Er besteht aus den üblichen Dingen: Eine Auswahlliste aller Dateien des aktuellen Ordners, ein Textfeld um einen Dateinamen einzugeben und ein Menü für unterschiedliche Dateiformate und deren Einstellungen.<br />
|
||
Zum übergeordneten Verzeichnis gelangt man mit dem Pop-up Menü über der Dateiliste.</p>
|
||
<p>Ist bereits ein Tracker-Fenster mit dem gewünschten Ort offen, kann man einfach irgendeine Datei von dort oder das Ordnersymbol oben rechts in der Menüleiste in den Dialog ziehen. Dadurch springt der Dialog zu diesem neuen Ort.</p>
|
||
|
||
<h3>
|
||
<a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="open-save-shortcuts" name="open-save-shortcuts">Tastaturkürzel</a></h3>
|
||
<p>Viele Kürzel in Öffnen- und Speicherdialogen sind die gleichen wie im Tracker. Neben den Befehlen, die auch über das Menü <span class="menu">Datei</span> erreichbar sind, gibt es noch einige nicht so offensichtliche:</p>
|
||
<table summary="shortcuts" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td><span class="key">ALT</span> <span class="key">N</span></td><td></td><td>Erstellt einen neuen Ordner.</td></tr>
|
||
<tr><td><span class="key">ALT</span> <span class="key">E</span></td><td></td><td>Benennt das ausgewählte Objekt um.</td></tr>
|
||
<tr><td><span class="key">ALT</span> <span class="key">↑</span></td><td style="width:24px;"></td><td>Wechselt in das übergeordnete Verzeichnis.</td></tr>
|
||
<tr><td class="onelinetop"><span class="key">ALT</span> <span class="key">↓</span> or <span class="key">RETURN</span></td><td></td><td>Wechselt in das ausgewählte Verzeichnis.</td></tr>
|
||
<tr><td><span class="key">ALT</span> <span class="key">D</span></td><td></td><td>Wechselt zum Desktop.</td></tr>
|
||
<tr><td><span class="key">ALT</span> <span class="key">H</span></td><td></td><td>Wechselt zum Home Verzeichnis.</td></tr>
|
||
</table>
|
||
<p>Eine Auflistung von Haikus Tastenkürzeln im allgemeinen, findet sich im Kapitel <a href="keyboard-shortcuts.html">Abkürzungen und Tastenkombinationen</a>.</p>
|
||
|
||
<h3>
|
||
<a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="favorites-recent" name="favorites-recent">Favoriten und kürzlich verwendete Ordner</a></h3>
|
||
<p>In Öffnen- und Speicherdialogen bietet das Menü <span class="menu">Favoriten</span> kürzlich besuchte Ordner und bevorzugte Speicherorte, die man selbst einrichten kann. Wie durch den kleinen Pfeil erkennbar, lassen sich diese Orte auch als Ausgangspunkt zum weiteren Navigieren in der Hierarchie nutzen.</p>
|
||
<img src="images/gui-images/favorites.png" alt="favorites.png" />
|
||
<p>Um einen Favoriten hinzuzufügen, klickt man sich einfach zu seinem Ziel durch und wählt dann <span class="menu">Favoriten | Aktuellen Ordner hinzufügen</span>. Er erscheint von nun an in jedem Öffnen/Speichern Dialog. Möchte man ihn wieder entfernen, wählt man <span class="menu">Favoriten | Favoriten bearbeiten...</span> und löscht den entsprechenden Eintrag.<br />
|
||
Alle Favoriten befinden sich in <span class="path">/boot/home/config/settings/Tracker/Go/</span>.
|
||
Man kann Verknüpfungen zu Dateien und Ordnern also auch dort direkt anlegen und entfernen.</p>
|
||
|
||
<h2>
|
||
<a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="replicants" name="replicants">Replikanten</a></h2>
|
||
<p>Replikanten sind kleine autarke Module von Anwendungen, die in andere Programme integriert werden können. Sofern Deskbars Option <span class="menu">Replikanten einblenden</span> aktiviert ist, erkennt man "replizierbare" Teile einer Anwendung durch ein kleines Symbol, normalerweise rechts unten:</p>
|
||
<img src="../images/gui-images/replicant.png" alt="replicant.png" />
|
||
<p>Das nächstgelegene Objekt, das Replikanten aufnehmen kann, ist der Desktop: Man lässt einfach das kleine Symbol per Drag&Drop darauf fallen. Ab sofort ist es ein Teil des Desktops und die ursprüngliche Anwendung muss nicht mehr laufen damit es funktioniert.<br />
|
||
Ein Rechtsklick auf ein Replikanten-Symbol öffnet ein Kontextmenü, um das <span class="menu">Über</span> Fenster der ursprünglichen Anwendung anzuzeigen und zum Entfernen den Befehl <span class="menu">Replikant entfernen</span>.</p>
|
||
<div class="box-info">Sollte ein Replikant auf dem Desktop mal Schwierigkeiten machen und sich auch nicht mehr entfernen lassen, kann man die Datei <span class="path"><acronym title="~/config/settings/Tracker/tracker_shelf">~/Konfiguration/settings/Tracker/tracker_shelf</acronym></span> löschen. Dadurch werden allerdings <i>alle</i> Replikanten vom Desktop entfernt.</div>
|
||
<p>Beispiele replizierbarer Anwendungen sind die Anzeigen vom <a href="applications/activitymonitor.html"><acronym title="ActivityMonitor">Systemmanager</acronym></a>, die <a href="workspaces.html"><acronym title="Workpaces Tool">Arbeitsflächen App</acronym></a> oder der <a href="applications/deskcalc.html"><acronym title="DeskCalc">Rechner</acronym></a>.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="nav">
|
||
<div class="inner"><span>
|
||
« <a href="filesystem-layout.html">Dateisystem Layout</a>
|
||
:: <a href="contents.html" class="uplink">Inhalt</a>
|
||
:: <a href="workspaces.html"><acronym title="Workspaces">Arbeitsflächen</acronym></a> »
|
||
</span></div>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|