147 lines
12 KiB
HTML
147 lines
12 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="en-US" xml:lang="en-US">
|
||
<head>
|
||
<!--
|
||
*
|
||
* Copyright 2008-2013, Haiku. All rights reserved.
|
||
* Distributed under the terms of the MIT License.
|
||
*
|
||
* Authors:
|
||
* Humdinger <humdingerb@gmail.com>
|
||
* Translators:
|
||
* Humdinger
|
||
* Finest Bug
|
||
* 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>Appearance</title>
|
||
<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="../../fr/preferences/appearance.html"><img src="../../images/flags/fr.png" alt="" />Français</a></li>
|
||
<li><a href="../../it/preferences/appearance.html"><img src="../../images/flags/it.png" alt="" />Italiano</a></li>
|
||
<li><a href="../../ru/preferences/appearance.html"><img src="../../images/flags/ru.png" alt="" />Русский</a></li>
|
||
<li><a href="../../es/preferences/appearance.html"><img src="../../images/flags/es.png" alt="" />Español</a></li>
|
||
<li><a href="../../sv_SE/preferences/appearance.html"><img src="../../images/flags/sv_SE.png" alt="" />Svenska</a></li>
|
||
<li><a href="../../jp/preferences/appearance.html"><img src="../../images/flags/jp.png" alt="" />日本語</a></li>
|
||
<li><a href="../../uk/preferences/appearance.html"><img src="../../images/flags/uk.png" alt="" />Українська</a></li>
|
||
<li><a href="../../zh_CN/preferences/appearance.html"><img src="../../images/flags/zh_CN.png" alt="" /> 中文 ［中文］</a></li>
|
||
<li><a href="../../pt_PT/preferences/appearance.html"><img src="../../images/flags/pt_PT.png" alt="" />Português</a></li>
|
||
<li><a href="../../fi/preferences/appearance.html"><img src="../../images/flags/fi.png" alt="" />Suomi</a></li>
|
||
<li><a href="../../sk/preferences/appearance.html"><img src="../../images/flags/sk.png" alt="" />Slovenčina</a></li>
|
||
<li><a href="../../hu/preferences/appearance.html"><img src="../../images/flags/hu.png" alt="" />Magyar</a></li>
|
||
<li><a href="../../pt_BR/preferences/appearance.html"><img src="../../images/flags/pt_BR.png" alt="" />Português (Brazil)</a></li>
|
||
<li><a href="../../ca/preferences/appearance.html"><img src="../../images/flags/ca.png" alt="" />Català</a></li>
|
||
<li><a href="../../en/preferences/appearance.html"><img src="../../images/flags/gb.png" alt="" />English</a></li>
|
||
</ul>
|
||
<span>
|
||
<a href="../preferences.html" class="uplink">Einstellungen</a>
|
||
:: <a href="backgrounds.html">Backgrounds</a> »
|
||
</span></div>
|
||
</div>
|
||
|
||
<div id="content">
|
||
<div>
|
||
|
||
<h2><img src="../../images/prefs-images/appearance-icon_64.png" alt="appearance-icon_64.png" width="64" height="64" /><acronym title="Appearance">Erscheinungsbild</acronym></h2>
|
||
<table summary="quickinfo" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td>Deskbar:</td><td style="width:15px;"></td><td><span class="menu"><acronym title="Preferences">Einstellungen</acronym></span></td></tr>
|
||
<tr><td>Ort:</td><td></td><td><span class="path">/boot/system/preferences/Appearance</span></td></tr>
|
||
<tr><td>Einstellungen:</td><td></td><td><span class="path">~/config/settings/system/app_server/appearance</span><br />
|
||
<span class="path">~/config/settings/system/app_server/decorator_settings</span><br />
|
||
<span class="path">~/config/settings/system/app_server/fonts</span></td></tr>
|
||
</table>
|
||
<p>Im <acronym title="Appearance">Erscheinungsbild</acronym> Panel lassen sich einige Details von Haikus Erscheinungsbild anpassen.</p>
|
||
|
||
<h2>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="fonts" name="fonts">Schriftarten</a></h2>
|
||
<img src="../images/prefs-images/appearance-fonts.png" alt="appearance-fonts.png" />
|
||
<p>Haiku verwendet systemweit drei verschiedene Schriftarten. Sie können hier unter "Normal", "Fett" und "Feste Breite" (Schrift mit fester Buchstabenbreite) festgelegt werden. Daneben kann auch noch die Schriftart für Menüs eingestellt werden.</p>
|
||
|
||
<h3>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="installing_fonts" name="installing_fonts">Installation neuer Schriftarten</a></h3>
|
||
<p>Neue Schriften, die nicht als ordentliches .hpkg Paket vorliegen, können installiert werden, indem sie in einen ihrem Schrifttyp benannten Unterordner (<tt>psfonts</tt> oder <tt>ttfonts</tt>) in den entsprechenden <tt>non-packaged</tt> Ordner kopiert werden (siehe <a href="../filesystem-layout.html">Dateisystem Layout</a>). Bei TrueType Schriften wären das:</p>
|
||
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td><span class="path">/boot/system/non-packaged/data/fonts/ttfonts/</span></td><td> </td><td>Schriften, die für jeden Benutzer verfügbar sind</td></tr>
|
||
<tr><td><span class="path">/boot/home/config/non-packaged/data/fonts/ttfonts/</span></td><td> </td><td>Schriften, die nur für einen selbst verfügbar sind</td></tr>
|
||
</table>
|
||
|
||
<h2>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="colors" name="colors">Farben</a></h2>
|
||
<img src="../images/prefs-images/appearance-colors.png" alt="appearance-colors.png" />
|
||
<p>Im Reiter, <span class="menu">Farben</span> lassen sich die Farben einiger Teile der Oberfläche einstellen. In das Farbfeld können Farben per Drag & Drop aus anderen Programmen, wie zum Beispiel <span class="app">WonderBrush</span>, <span class="app">Icon-O-Matic</span> oder dem <span class="app"><acronym title="Backgrounds">Hintergründe</acronym></span> Panel, gezogen werden.</p>
|
||
|
||
<h2>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="decorators" name="decorators">Dekorator</a></h2>
|
||
<img src="../images/prefs-images/appearance-decorators.png" alt="appearance-decorators.png" />
|
||
<p>Dekoratoren bestimmen Aussehen und Verhalten von Fenstern und all ihrer grafischen Elemente. Zur Zeit gibt es für Haiku allerdings nur einen einzigen Standard-Dekorator. Sollte man irgendwo einen alternativen Dekorator gefunden und installiert haben, ließe er sich hier auswählen.</p>
|
||
|
||
<h2>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="antialiasing" name="antialiasing">Kantenglättung</a></h2>
|
||
<img src="../images/prefs-images/appearance-antialiasing.png" alt="appearance-antialiasing.png" />
|
||
<p>Im Reiter, <span class="menu">Kantenglättung</span> befinden sich unterschiedliche Einstellungen, die die Ausgabe auf dem Bildschirm beeinflussen.</p>
|
||
|
||
<h3>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
Glyph-Hinting</h3>
|
||
<p>Aktiviert man <span class="menu">Glyph-Hinting</span>, werden alle Buchstaben so ausgerichtet, dass ihre horizontalen und vertikalen Ränder genau zwischen zwei Pixel liegen. Dadurch erreicht man einen sehr guten Kontrast, besonders bei Darstellungen von schwarz auf weiß. Text erscheint schärfer. Die Einstellung <span class="menu">Nur nicht-proportionale Schriften</span> beschränkt das Hinting auf Schriften fixer Breite und ist gerade bei Geräten mit geringen Auflösungen, wie Netbooks, interessant. Bei kleinen Schriftarten kann das Hinting ziemlich schlimm aussehen. Mit dieser Einstellung hat man die Vorteile aber zumindest noch in Texteditoren und im Terminal.</p>
|
||
<p>Hier sieht man den Unterschied von Hinting anhand vergrößerter Screenshots:</p>
|
||
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td style="text-align:center; font-style:italic"><img src="../images/prefs-images/appearance-glyph-off.png" alt="appearance-glyph-off.png" /><br />Hinting: aus</td><td style="width:15px;"></td><td style="text-align:center; font-style:italic"><img src="../images/prefs-images/appearance-glyph-on.png" alt="appearance-glyph-on.png" /><br />Hinting: an</td></tr>
|
||
</table>
|
||
<p>Es sei angemerkt, dass alle <span class="app"><acronym title="Magnify">Lupe</acronym></span> Fenster auf dieser Seite natürlich auch selbst mit den verschiedenen Optionen dargestellt werden. So bekommt man einen echten Eindruck der Einstellungen, indem man zum Beispiel die fetten Titel der Fensterreiter vergleicht, oder den Text "33 x 15 @ 8 pixels/pixel".</p>
|
||
|
||
<h3>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
Kantenglättungstyp</h3>
|
||
<p>Eine weitere Technik, um die Darstellung zu verbessern, ist die <i>Kantenglättung</i>, welche auf Vektorgrafiken, als auch auf Text angewandt wird. Sie glättet Linien, indem die Farbe bestimmter Pixel geändert wird. Dazu gibt es zwei unterschiedliche Methoden:</p>
|
||
<p><span class="menu">Graustufen</span> ändert die Intensität der äußeren Pixel.<br />
|
||
<span class="menu">LCD-Subpixel</span> macht das noch besser, vor allem bei (hochauflösenden) LCD-Monitoren. Anstatt der Intensität eines Pixels, wird die Farbe so geändert, dass eine Kante nur einen Bruchteil eines Pixels bewegt wird, da LCD-Schirme jeden Pixel aus einer roten, grünen und blauen Komponente zusammensetzen.</p>
|
||
<p>Hier wieder die beiden Methoden anhand vergrößerter Screenshots:</p>
|
||
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td style="text-align:center; font-style:italic"><img src="../images/prefs-images/appearance-glyph-off.png" alt="appearance-glyph-off.png" /><br />Grayscale, Hinting: aus</td><td style="width:15px;"></td><td style="text-align:center; font-style:italic"><img src="../images/prefs-images/appearance-subpixel.png" alt="appearance-subpixel.png" /><br />LCD subpixel, Hinting: aus</td></tr>
|
||
</table>
|
||
<p>Subpixel-Kantenglättung verleiht Objekten einen leicht farbigen Umriss, den nicht jeder mag. In Haiku kann man beide Kantenglättungsmethoden mischen und die für einen richtige Einstellung mit einem Schieberegler finden.</p>
|
||
<div class="box-info">Die Kombination von Subpixel-Kantenglättung und Glyph-Hinting ist durch ein Softwarepatent geschützt und daher nicht von Haus aus verfügbar. Je nachdem in welchem Land der Erde man lebt, bekommt man u.U. eine dieses Feature enthaltende Version. Das ist sehr schade. Abhilfe könnte eventuell eine Petition bringen.</div>
|
||
<p>Wenn Glyph-Hinting zusammen mit LCD-Subpixel-Kantenglättung aktiviert wird, indem man den Quellcode entsprechend ändert und neu kompiliert, sieht das im Vergleich mit Hinting bei Graustufen-Kantenglättung so aus:</p>
|
||
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td style="text-align:center; font-style:italic"><img src="../images/prefs-images/appearance-glyph-on.png" alt="appearance-glyph-on.png" /><br />Graustufen, Hinting: an</td><td style="width:15px;"></td><td style="text-align:center; font-style:italic"><img src="../images/prefs-images/appearance-glyph-on-subpixel.png" alt="appearance-glyph-on-subpixel.png" /><br />LCD-Subpixel, Hinting: an</td></tr>
|
||
</table>
|
||
<p><br /></p>
|
||
<p>Ganz unten im Fenster befinden sich zwei Buttons:</p>
|
||
<table summary="layout" border="0" cellpadding="2" cellspacing="0">
|
||
<tr><td><span class="button">Standardwerte</span></td><td> </td><td>setzt alles auf Standardwerte zurück.</td></tr>
|
||
<tr><td><span class="button">Anfangswerte</span></td><td> </td><td>setzt wieder die Werte, die aktiv waren, als das <acronym title="Appearance">Erscheinungsbild</acronym> Panel gestartet wurde.</td></tr>
|
||
</table>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="nav">
|
||
<div class="inner"><span>
|
||
<a href="../preferences.html" class="uplink">Einstellungen</a>
|
||
:: <a href="backgrounds.html">Backgrounds</a> »
|
||
</span></div>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|