1 <?xml version=
"1.0" encoding=
"UTF-8"?>
2 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3 <html xmlns=
"http://www.w3.org/1999/xhtml" lang=
"hu" xml:
lang=
"hu">
7 * Copyright 2008-2014, Haiku. All rights reserved.
8 * Distributed under the terms of the MIT License.
11 * Humdinger <humdingerb@gmail.com>
16 <meta http-equiv=
"content-type" content=
"text/html; charset=utf-8" />
17 <meta http-equiv=
"Content-Style-Type" content=
"text/css" />
18 <meta name=
"robots" content=
"all" />
19 <title>Megjelenés
</title>
20 <meta name=
"viewport" content=
"width=device-width, initial-scale=1.0" />
21 <link rel=
"stylesheet" type=
"text/css" href=
"../../Haiku-doc.css" />
26 <div><span>User guide
</span></div>
31 <ul class=
"lang-menu">
32 <li class=
"now"><img src=
"../../images/flags/hu.png" alt=
"" /> Magyar
</li>
33 <li><a href=
"../../ca/preferences/appearance.html"><img src=
"../../images/flags/ca.png" alt=
"" />Català
</a></li>
34 <li><a href=
"../../de/preferences/appearance.html"><img src=
"../../images/flags/de.png" alt=
"" />Deutsch
</a></li>
35 <li><a href=
"../../en/preferences/appearance.html"><img src=
"../../images/flags/gb.png" alt=
"" />English
</a></li>
36 <li><a href=
"../../es/preferences/appearance.html"><img src=
"../../images/flags/es.png" alt=
"" />Español
</a></li>
37 <li><a href=
"../../fr/preferences/appearance.html"><img src=
"../../images/flags/fr.png" alt=
"" />Français
</a></li>
38 <li><a href=
"../../it/preferences/appearance.html"><img src=
"../../images/flags/it.png" alt=
"" />Italiano
</a></li>
39 <li><a href=
"../../pl/preferences/appearance.html"><img src=
"../../images/flags/pl.png" alt=
"" />Polski
</a></li>
40 <li><a href=
"../../pt_PT/preferences/appearance.html"><img src=
"../../images/flags/pt_PT.png" alt=
"" />Português
</a></li>
41 <li><a href=
"../../pt_BR/preferences/appearance.html"><img src=
"../../images/flags/pt_BR.png" alt=
"" />Português (Brazil)
</a></li>
42 <li><a href=
"../../ro/preferences/appearance.html"><img src=
"../../images/flags/ro.png" alt=
"" />Română
</a></li>
43 <li><a href=
"../../sk/preferences/appearance.html"><img src=
"../../images/flags/sk.png" alt=
"" />Slovenčina
</a></li>
44 <li><a href=
"../../fi/preferences/appearance.html"><img src=
"../../images/flags/fi.png" alt=
"" />Suomi
</a></li>
45 <li><a href=
"../../sv_SE/preferences/appearance.html"><img src=
"../../images/flags/sv_SE.png" alt=
"" />Svenska
</a></li>
46 <li><a href=
"../../zh_CN/preferences/appearance.html"><img src=
"../../images/flags/zh_CN.png" alt=
"" /> 中文 [中文]
</a></li>
47 <li><a href=
"../../ru/preferences/appearance.html"><img src=
"../../images/flags/ru.png" alt=
"" />Русский
</a></li>
48 <li><a href=
"../../uk/preferences/appearance.html"><img src=
"../../images/flags/uk.png" alt=
"" />Українська
</a></li>
49 <li><a href=
"../../jp/preferences/appearance.html"><img src=
"../../images/flags/jp.png" alt=
"" />日本語
</a></li>
52 <a href=
"../preferences.html" class=
"uplink">Preferences
</a>
53 ::
<a href=
"backgrounds.html">Hátterek
</a> »
60 <h2><img src=
"../../images/prefs-images/appearance-icon_64.png" alt=
"appearance-icon_64.png" width=
"64" height=
"64" />Megjelenés (Appearance)
</h2>
61 <table summary=
"quickinfo" border=
"0" cellspacing=
"0" cellpadding=
"2">
62 <tr><td>Asztalsáv:
</td><td style=
"width:15px;"></td><td><span class=
"menu">Beállítások
</span></td></tr>
63 <tr><td>Útvonal:
</td><td></td><td><span class=
"path">/boot/system/preferences/Appearance
</span></td></tr>
64 <tr><td>Bellítások:
</td><td></td><td><span class=
"path">~/config/settings/system/app_server/appearance
</span><br />
65 <span class=
"path">~/config/settings/system/app_server/fonts
</span></td></tr>
67 <p>A Haiku megjelenési beállításait szabhatjuk személyre ezen a felületen.
</p>
70 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
71 <a id=
"fonts" name=
"fonts">Betűtípusok
</a></h2>
72 <img src=
"../images/prefs-images/appearance-fonts.png" alt=
"appearance-fonts.png" />
73 <p>A Haiku
3 szabványos betűtípust támogat. Beállítható az alap, a félkövér és a rögzített szélességű betűtípusok és a méreteik, amit a rendszer használ. Ezeken kívül pedig a menüben használt betűtípus is megadható.
</p>
76 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
77 <a id=
"installing_fonts" name=
"installing_fonts">Új betűtípusok telepítése
</a></h3>
78 <p>Azok a betűtípusok, melyek nem egy .hpkg részeként érkeznek, azok a betűtípusnak megfelelő almappába (a
<tt>non-packed
</tt> mappán belül) másolással telepíthetőek (
<tt>psfonts
</tt> vagy
<tt>ttfonts
</tt>). További információk a
<a href=
"../filesystem-layout.html">Fájlrendszer szerkezete
</a> fejezetben. TrueType betűk esetében:
</p>
79 <table summary=
"layout" border=
"0" cellspacing=
"0" cellpadding=
"2">
80 <tr><td><span class=
"path">/boot/system/non-packaged/data/fonts/ttfonts/
</span></td><td> </td><td>minden felhasználó számára elérhető betűtípusok számára.
</td></tr>
81 <tr><td><span class=
"path">/boot/home/config/non-packaged/data/fonts/ttfonts/
</span></td><td> </td><td>csak a saját betűtípusok.
</td></tr>
85 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
86 <a id=
"colors" name=
"colors">Színek
</a></h2>
87 <img src=
"../images/prefs-images/appearance-colors.png" alt=
"appearance-colors.png" />
88 <p>A
<span class=
"menu">Színek
</span> fülön a felület különféle részeinek a színei módosíthatóak. A színek megadhatóak úgy is, ha egy palettából (például a
<span class=
"app">WonderBrush
</span>-ból vagy az
<span class=
"app">Icon-O-Matic
</span>-ból) dobjuk ide a megfelelő színt.
</p>
91 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
92 <a id=
"decorators" name=
"decorators">Megjelenés
</a></h2>
93 <img src=
"../images/prefs-images/appearance-decorators.png" alt=
"appearance-decorators.png" />
94 <p>A dekorációk az ablak és a vezérlőelemek megjelenésének megadásra szolgálnak. Jelenleg a Haiku csak egy dekorációval rendelkezik. Több dekoráció esetében a listából tudjuk kiválasztani a szükségeset.
<br />A dupla nyíl pedig azt jelenti, hogy a görgetősáv mind a két végén dupla nyíl található. A dupla nyíl mink a két irányú görgető-nyilat tartalmazza.
</p>
95 <p>Az eredeti Haiku dekoráció lehetőséget nyújt a görgetősáv nyilainak stílusának módosítására. Lehetnek egyszeres nyilak (helytakarékosság) illetve lehetnek dupla nyilak (kevesebb egérmozgatás) — hagyományos BeOS terminológia.
</p>
98 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
99 <a id=
"antialiasing" name=
"antialiasing">Élsimítás
</a></h2>
100 <img src=
"../images/prefs-images/appearance-antialiasing.png" alt=
"appearance-antialiasing.png" />
101 <p>Az
<span class=
"menu">Élsimítás
</span> fülön a megjelenítési módot szabályozhatjuk.
</p>
104 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
105 Betűképek körvonala
</h3>
106 <p>A
<span class=
"menu">Betűképek körvonala
</span> bekapcsolásakor a karakterek igazítása két képpont közt történik függőlegesen és vízszintesen a karakter vonalainak éléhez képes. Ez tökéletes kontrasztot eredményez épp úgy, mint a fekete a fehéren. A szöveg így élesebben jelenik meg. A
<span class=
"menu">rögzített szélességű
</span> betűknek van egy külön beállítása, ami különösen az alacsony felbontású eszközök esetében lehet segítség. A kisebb méretű betűk a betűképek körvonalának bekapcsolásakor elég rosszul néznek ki, de ezt a beállítást kihasználhatjuk a szöveg szerkesztőknél vagy a Terminálnál.
</p>
107 <p>Lássuk most a különbséget a körvonalak használatára a nagyított képen:
</p>
108 <table summary=
"layout" border=
"0" cellspacing=
"0" cellpadding=
"2">
109 <tr><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-glyph-off.png" alt=
"appearance-glyph-off.png" /><br />Körvonal: ki
</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 />Körvonal: be
</td></tr>
111 <p>Azt azért meg kell jegyezni, hogy a
<span class=
"app">Nagyító
</span> ablakok ezen az oldalon két különféle beállításokkal lettek létrehozva. Leginkább akkor látjuk a különbséget, amikor a fenti két képen megnézzük akár a sárga fülön a címet, akár az alatta lévő szöveget.
</p>
114 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
115 Élsimítás típusa
</h3>
116 <p>Egy másik technika a megjelenítés javítására az
<i>Élsimítás
</i>, amit mind a vektoros grafikák mind pedig a szöveg esetében használhatunk. Ez elmossa a vonalakat úgy, hogy néhány képpont színét módosítja. Ezt kétféleképpen teheti meg:
</p>
117 <p>A
<span class=
"menu">Szürkeárnyalat
</span> az élek intenzitását módosítja.
<br />
118 Az
<span class=
"menu">LCD-szubpixel
</span> ettől jobb munkát végez, különösen (nagy felbontású) LCD monitorok esetében. Az intenzitás helyett a képpont színét módosítja az élek mentén mozogva, mert az LCD monitorok minden képpontot a piros, zöld és kék színekből állítanak össze.
</p>
119 <p>Szintén két példa a különböző megjelenésre:
</p>
120 <table summary=
"layout" border=
"0" cellspacing=
"0" cellpadding=
"2">
121 <tr><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-glyph-off.png" alt=
"appearance-glyph-off.png" /><br />Szürkeányalat, körvonal: ki
</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-szubpixel, körvonal: ki
</td></tr>
123 <p>A szubpixeles élsimítás színes fényt ad az objektumoknak, amit nem mindenki tolerál. Ezért a Haiku mind a két élsimítási módot tudja egyszerre használni, mindenki megtalálhatja a megfelelő kombinációt a csuszka mozgatásával.
</p>
124 <div class=
"box-info">A szubpixel alapú élsimítás és a betűképek körvonalának kombinációja szabadalom alatt áll, ezért alap esetben nem engedélyezett. Attól függően, hogy a Föld mely részén élsz, olyan verzióval is rendelkezhetsz, aminél ez engedélyezve van. Ezért elnézést kérünk. Beszélj a helyi képviselőddel.
</div>
125 <p>Ha a körvonalakat az LCD szubpixelel együtt használod a forráskód módosításával és újrafordításával, akkor ezt kapod eredményül a szürkeárnyalatossal összehasonlítva:
</p>
126 <table summary=
"layout" border=
"0" cellspacing=
"0" cellpadding=
"2">
127 <tr><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-glyph-on.png" alt=
"appearance-glyph-on.png" /><br />Szürkeárnyalat, körvonal: be
</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-szubpixel, körvonal: be
</td></tr>
130 <p>A panel alján két gombot találhatunk:
</p>
131 <table summary=
"layout" border=
"0" cellpadding=
"2" cellspacing=
"0">
132 <tr><td><span class=
"button">Eredeti
</span></td><td> </td><td>Az eredeti beállítások megadása.
</td></tr>
133 <tr><td><span class=
"button">Visszaállít
</span></td><td> </td><td>A panel megnyitásakori állapot vsszaállítása.
</td></tr>
140 <div class=
"inner"><span>
141 <a href=
"../preferences.html" class=
"uplink">Preferences
</a>
142 ::
<a href=
"backgrounds.html">Hátterek
</a> »